:root{--ink:#0f172a;--muted:#475569;--soft:#64748b;--line:#e2e8f0;--blue:#1d5fa7;--blue-l:#e8f1fb;--orange:#e8692b;--orange-d:#cf5719;--green:#15803d;--green-l:#e7f6ec;--red:#b91c1c;--red-l:#fdecec;--bg:#f7fafc}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--blue)}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1120px;margin:0 auto;padding:0 20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand b{display:block;font-size:15px}.brand small{display:block;font-size:11px;color:var(--soft);letter-spacing:.06em;text-transform:uppercase}
.links a{font-size:14px;color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:8px}
.links a:hover,.links a.on{background:var(--blue-l);color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;text-decoration:none;border-radius:10px;padding:12px 20px;border:1px solid transparent;cursor:pointer;font-family:inherit}
.btn-o{background:var(--orange);color:#fff}.btn-o:hover{background:var(--orange-d)}.btn-o:disabled{opacity:.6;cursor:wait}
.btn-w{background:#fff;color:var(--ink);border-color:var(--line)}
h1{font-size:clamp(28px,4vw,40px);line-height:1.15;letter-spacing:-.01em;margin:0 0 12px}
.page{padding-top:40px;padding-bottom:72px}
.lead{color:var(--muted)}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:16px 0}
.stats{display:flex;gap:12px;margin:20px 0}
.stats div{flex:1;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.stats b{display:block;font-size:26px;color:var(--blue)}
.stats span{font-size:13px;color:var(--soft)}
.q{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin:12px 0}
.q h3{font-size:16px;margin:0 0 12px}
.q label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:6px 0;cursor:pointer}
.q label:hover{border-color:var(--blue)}
.q input{margin-top:4px}
.q label:has(input:checked){border-color:var(--blue);background:var(--blue-l)}
.msg{border-radius:12px;padding:14px 16px;margin:16px 0}
.ok{background:var(--green-l);color:#14532d}.bad{background:var(--red-l);color:#7f1d1d}.info{background:var(--blue-l);color:#1e3a5f}
.field{margin:12px 0}.field label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.field input[type=text],.field input[type=email]{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted)}
.hidden{display:none!important}
.progress{position:sticky;top:64px;background:var(--bg);padding:10px 0;font-size:14px;color:var(--soft);z-index:5}
.bar{height:6px;background:var(--line);border-radius:6px;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;background:var(--blue);width:0}
footer{border-top:1px solid var(--line);padding:28px 0;font-size:12.5px;color:var(--soft);text-align:center}
@media(max-width:700px){.links{display:none}}