:root{--primaer: #154e6e;--primaer-hover: #0f3d57;--bg: #f6f8fa;--card: #ffffff;--text: #1f2528;--muted: #5b6671;--border: #d4dde3;--err: #b00020;--focus: #1d6fa5;--radius: 12px;--maxw: 680px}@media(prefers-color-scheme:dark){:root{--bg: #11151a;--card: #1a2128;--text: #e8edf1;--muted: #9aa7b2;--border: #2c3742;--primaer: #4ea3d1;--primaer-hover: #6bb6de;--err: #ff6b81;--focus: #6bb6de}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;font-size:17px}.skip-link{position:absolute;left:-999px;top:0;background:var(--primaer);color:#fff;padding:.5rem 1rem;z-index:10}.skip-link:focus{left:0}.wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(1rem,4vw,2.5rem) clamp(1rem,4vw,1.5rem) 4rem}.brand{font-weight:700;letter-spacing:.04em;color:var(--primaer);margin:0 0 .25rem;text-transform:uppercase;font-size:.85rem}.head h1{font-size:clamp(1.5rem,5vw,2rem);margin:0 0 .5rem;line-height:1.2}.sub{color:var(--muted);margin:0 0 1.5rem}.progress{height:8px;background:var(--border);border-radius:999px;overflow:hidden}.progress-bar{height:100%;width:0;background:var(--primaer);transition:width .25s ease}.step-count{color:var(--muted);font-size:.9rem;margin:.5rem 0 1rem}form{margin:0}.step{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:clamp(1rem,4vw,1.5rem);margin:0 0 1rem}.step legend{font-weight:700;font-size:1.1rem;padding:0;line-height:1.3}.step legend small,.label-text small{font-weight:400;color:var(--muted);font-size:.85em}.field{display:block;margin-top:1rem}.field.grow{flex:1;margin-top:0}.label-text{display:block;margin-bottom:.4rem;font-weight:600}input[type=text],input[type=number],input[type=email]{width:100%;padding:.7rem .8rem;font-size:1rem;min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text)}.group-label{font-weight:600;margin:1.25rem 0 .5rem}.step .group-label:first-of-type{margin-top:.5rem}.options{display:grid;gap:.6rem}.option{display:flex;align-items:center;gap:.7rem;min-height:48px;padding:.7rem .9rem;border:1px solid var(--border);border-radius:10px;cursor:pointer}.option:hover{border-color:var(--primaer)}.option input{width:20px;height:20px;accent-color:var(--primaer);flex:0 0 auto}.option span{display:flex;flex-direction:column}.option small{color:var(--muted);font-size:.82em}.option:has(input:checked){border-color:var(--primaer);box-shadow:0 0 0 1px var(--primaer) inset}.err{display:block;color:var(--err);font-size:.9rem;margin-top:.4rem;min-height:1.1em}.nav{display:flex;gap:.75rem;justify-content:space-between;margin-top:.5rem}.nav .btn-primary{margin-left:auto}.btn{font:inherit;font-weight:600;min-height:48px;padding:.7rem 1.4rem;border-radius:10px;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--primaer);color:#fff}.btn-primary:hover{background:var(--primaer-hover)}.btn-ghost{background:transparent;color:var(--primaer);border-color:var(--border)}.btn:disabled{opacity:.6;cursor:progress}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.result h2{font-size:clamp(1.3rem,4vw,1.6rem);margin:0 0 1rem}.result-body{display:grid;gap:1rem}.r-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:1rem 1.1rem}.r-block h3{margin:0 0 .5rem;font-size:1.05rem;color:var(--primaer)}.r-block h4{margin:.8rem 0 .3rem;font-size:.95rem}.r-block p{margin:.3rem 0}.r-block ul{margin:.3rem 0;padding-left:1.2rem}.r-block li{margin:.2rem 0}.muted{color:var(--muted)}.small{font-size:.85rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.result-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.25rem 0}.subscribe{border-top:1px solid var(--border);padding-top:1.25rem;margin-top:.5rem}.subscribe-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:stretch}.subscribe-row .btn{flex:0 0 auto}.sub-status{display:block;margin-top:.5rem;color:var(--muted);font-size:.9rem;min-height:1.1em}.disclaimer{color:var(--muted);font-size:.82rem;margin-top:1.5rem}@media(max-width:380px){.subscribe-row{flex-direction:column}.subscribe-row .btn{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
