:root{
  --ink:#17324d;--blue:#1f6fb2;--blue2:#0d4f8b;--bg:#f6f9fc;--card:#fff;--muted:#6b7b8c;--line:#dfe7ef;--green:#1e8e5a;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:#1e293b}
.site-header{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:5}
.brand{font-weight:800;font-size:28px;text-decoration:none;color:var(--ink)} .brand span{color:var(--blue)}
.site-header nav a{margin-left:20px;text-decoration:none;color:var(--ink);font-weight:600}
.container{max-width:1120px;margin:0 auto;padding:42px 20px 70px}
.hero{text-align:center;padding:56px 16px}.hero h1{font-size:48px;line-height:1.08;margin:0 0 16px;color:var(--ink)}
.hero p{font-size:20px;color:var(--muted);max-width:760px;margin:0 auto 30px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 8px 28px rgba(20,50,80,.05)}
.card h3{margin-top:0;color:var(--ink)} .card p{color:var(--muted)}
.btn{display:inline-block;border:0;border-radius:10px;background:var(--blue);color:white;padding:13px 18px;text-decoration:none;font-weight:700;cursor:pointer}
.btn.secondary{background:white;color:var(--blue);border:1px solid var(--blue)}
.btn.full{width:100%;text-align:center}
.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.option{display:block;background:white;border:2px solid var(--line);border-radius:16px;padding:24px;text-decoration:none;color:inherit;transition:.15s}
.option:hover{border-color:var(--blue);transform:translateY(-2px)}
.video-box{aspect-ratio:16/9;background:linear-gradient(135deg,#0b3d67,#2d7ebf);border-radius:18px;display:flex;align-items:center;justify-content:center;color:white;text-align:center;padding:30px}
.video-box .play{font-size:58px}.muted{color:var(--muted)}
.form-card{max-width:820px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:18px;padding:28px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}
label{font-weight:700;color:var(--ink)}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;background:white}
textarea{min-height:96px;resize:vertical}.progress{height:10px;background:#e6edf5;border-radius:999px;overflow:hidden;margin:12px 0 28px}.progress>div{height:100%;background:var(--blue)}
.step-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.stat{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}.stat .n{font-size:34px;font-weight:800;color:var(--blue)}.stat .label{color:var(--muted)}
.checklist{display:grid;gap:10px}.check{background:white;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;justify-content:space-between}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e8f3fb;color:var(--blue2);font-size:13px;font-weight:700}
.notice{padding:13px 15px;border-radius:10px;background:#fff7dd;border:1px solid #f1d37d;margin-bottom:18px}
.success{background:#e9f7ef;border-color:#9bd8b7}.site-footer{text-align:center;color:var(--muted);padding:30px;border-top:1px solid var(--line);background:white}
@media(max-width:800px){.cards,.stats,.option-grid,.form-grid{grid-template-columns:1fr}.hero h1{font-size:38px}.field.full{grid-column:auto}}