:root{
  --lp-blue:#0d347f;
  --lp-blue-dark:#08265c;
  --lp-blue-mid:#1c4ab0;
  --lp-red:#d7192d;
  --lp-red-dark:#b71422;
  --lp-text:#1a2a44;
  --lp-muted:#60708a;
  --lp-panel:#f7faff;
  --lp-border:#d8e2f2;
  --lp-shadow:0 14px 35px rgba(13,52,127,.14);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#ffffff 0%,#f6f9ff 100%);color:var(--lp-text)}
img{max-width:100%}
a{color:var(--lp-blue);text-decoration:none}
a:hover{text-decoration:underline}
.site-header{
  background:linear-gradient(90deg, rgba(8,38,92,.96), rgba(13,52,127,.94) 45%, rgba(28,74,176,.92));
  color:#fff;
  border-bottom:6px solid var(--lp-red);
  box-shadow:var(--lp-shadow);
}
.header-inner{max-width:1180px;margin:0 auto;padding:18px 22px;display:flex;align-items:center;gap:16px}
.header-logo{width:84px;height:84px;object-fit:contain;background:#fff;border-radius:14px;padding:5px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.brand h1{margin:0;font-size:31px;letter-spacing:.04em;text-transform:uppercase}
.brand p{margin:5px 0 0 0;color:#dbe7ff;font-size:13px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.nav{max-width:1180px;margin:0 auto;padding:0 22px 18px;display:flex;gap:16px;flex-wrap:wrap}
.nav a{color:#fff;font-weight:700;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.08)}
.nav a:hover{text-decoration:none;background:rgba(255,255,255,.17)}
.container{max-width:1180px;margin:0 auto;padding:28px 22px 46px}
.hero{
  background:linear-gradient(135deg, rgba(244,248,255,.98) 0%, rgba(255,255,255,.98) 100%);
  border:1px solid var(--lp-border);
  border-left:10px solid var(--lp-red);
  border-radius:22px;
  padding:28px 30px;
  margin-bottom:22px;
  box-shadow:var(--lp-shadow)
}
.hero h2{margin:0 0 12px 0;color:var(--lp-blue);font-size:40px;line-height:1.03;max-width:780px}
.hero p{margin:0;max-width:840px;font-size:18px;line-height:1.55}
.kicker{color:var(--lp-red);font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:12px;margin-bottom:10px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card,.file-card{background:#fff;border:1px solid var(--lp-border);border-radius:20px;padding:20px;box-shadow:var(--lp-shadow)}
.card h3,.file-card h3{margin:0 0 10px 0;color:var(--lp-blue);font-size:21px}
.card p,.card li,.file-card p,.file-card li{line-height:1.52}
.clean{margin:0;padding-left:20px}
.band{background:linear-gradient(90deg,var(--lp-red),var(--lp-red-dark));color:#fff;border-radius:18px;padding:18px 20px;margin:22px 0;box-shadow:var(--lp-shadow)}
.band strong{display:block;font-size:21px;margin-bottom:6px}
.highlight-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.highlight{background:#fff;border:1px solid var(--lp-border);border-top:5px solid var(--lp-red);border-radius:18px;padding:16px;box-shadow:var(--lp-shadow)}
.highlight strong{display:block;color:var(--lp-blue);margin-bottom:8px;font-size:18px}
.file-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.file-card strong{display:block;color:var(--lp-blue);font-size:19px;margin-bottom:8px}
.file-card p{margin:0 0 12px 0;line-height:1.5}
.button{display:inline-block;background:linear-gradient(90deg,var(--lp-red),var(--lp-red-dark));color:#fff!important;padding:10px 14px;border-radius:10px;font-weight:700;box-shadow:0 8px 18px rgba(215,25,45,.25)}
.button:hover{text-decoration:none;filter:brightness(.97)}
.notice{background:#fff8ed;border:1px solid #f0c48a;border-left:6px solid #d88a17;border-radius:16px;padding:16px;color:#6d4b11;box-shadow:var(--lp-shadow)}
input,select,button{width:100%;padding:13px 14px;margin-top:10px;border:1px solid #bcc8dc;border-radius:12px;font-size:16px}
button{background:linear-gradient(90deg,var(--lp-red),var(--lp-red-dark));color:#fff;border:none;font-weight:700;cursor:pointer}
button:hover{filter:brightness(.97)}
.result{margin-top:14px;background:#fff;border:1px solid var(--lp-border);border-left:6px solid var(--lp-blue);border-radius:14px;padding:16px;box-shadow:var(--lp-shadow)}
.site-footer{border-top:1px solid #d9e2f0;margin-top:26px;padding:18px 22px;color:var(--lp-muted);font-size:14px}
@media (max-width:960px){.grid,.grid-2,.file-list,.highlight-row{grid-template-columns:1fr}.hero h2{font-size:33px}}