:root{--ink:#081526;--panel:#101f36;--panel2:#172b48;--text:#f5f8ff;--muted:#b9c7db;--blue:#8ab8ff;--blue2:#5d9eff;--line:#294260;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit}
.site-header{max-width:1240px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line)}
.brand{text-transform:uppercase;letter-spacing:.12em;font-weight:800;text-decoration:none;font-size:.92rem}
.tagline{color:var(--muted);font-size:.88rem;font-style:italic}
main{max-width:1240px;margin:auto;padding:70px 32px 90px}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.75fr);gap:70px;align-items:center;min-height:630px}
.eyebrow,.card-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-size:.78rem;font-weight:800}
h1{font-size:clamp(2.6rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.045em;margin:.2em 0 .3em;max-width:900px}
h2{font-size:clamp(1.7rem,3.4vw,3rem);line-height:1.12;letter-spacing:-.025em;margin:.25em 0 .5em}
h3{font-size:1.05rem;margin:0 0 .4em}
.lede{font-size:1.18rem;color:var(--muted);max-width:720px}
.benefits{padding-left:1.2rem;color:#dce7f7;columns:2;column-gap:34px}
.benefits li{break-inside:avoid;margin:.35rem 0}
.principle{font-weight:800;border-left:4px solid var(--blue2);padding:10px 0 10px 18px;margin-top:26px}
.form-card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid #38587f;border-radius:22px;padding:34px;box-shadow:var(--shadow)}
label{display:block;font-weight:750;margin:18px 0 7px}
label span,.field-help,.form-note,.fallback{color:var(--muted);font-size:.84rem;font-weight:400}
input{width:100%;border:1px solid #526d8e;background:#09182b;color:var(--text);border-radius:10px;padding:14px 15px;font:inherit;min-height:48px}
input:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #b9d5ff;outline-offset:3px}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;margin-top:18px;border:0;border-radius:10px;background:var(--blue);color:#061427;font-weight:850;font-size:.95rem;text-decoration:none;padding:14px 18px;cursor:pointer}
button:hover,.button:hover{background:#a9cbff}
button[disabled]{opacity:.65;cursor:wait}
.status{min-height:1.5em;color:#ffd28b;font-size:.9rem}
.hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.success[hidden]{display:none}
.success code{overflow-wrap:anywhere}
.trust{padding:90px 0;border-top:1px solid var(--line)}
.trust>h2{max-width:760px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.trust-grid article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}
.trust-grid p,.offer p{color:var(--muted)}
.offer{display:grid;grid-template-columns:1fr auto;gap:56px;align-items:center;padding:52px;border:1px solid #38587f;border-radius:22px;background:linear-gradient(125deg,var(--panel2),#0c1b30)}
.offer>div:first-child{max-width:760px}
.offer-cta{min-width:270px;text-align:center}
.offer-cta strong{font-size:2rem;color:var(--blue)}
.button.secondary{background:transparent;color:var(--text);border:1px solid var(--blue)}
footer{max-width:1240px;margin:auto;padding:34px 32px 60px;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem}
footer strong{color:var(--text)}
.field-help a,.legal-links a{color:var(--blue);text-underline-offset:3px}
.legal-links{margin-top:12px}
@media(max-width:860px){.site-header{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;gap:38px;padding-bottom:65px}.benefits{columns:1}.trust-grid{grid-template-columns:1fr}.offer{grid-template-columns:1fr;padding:34px}.offer-cta{min-width:0}.tagline{display:none}}
@media(max-width:480px){main{padding:45px 18px 64px}.site-header,footer{padding-left:18px;padding-right:18px}.form-card{padding:24px 20px;border-radius:16px}.offer{padding:26px 20px}h1{font-size:2.55rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}