
:root{--bg:#07111f;--panel:#0d1b2a;--ink:#edf5ff;--muted:#a9b8c9;--accent:#4fc3f7;--line:#20354a;--white:#fff}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7f9fc;color:#142033;line-height:1.6}
header{background:var(--bg);color:var(--ink);position:sticky;top:0;z-index:10}
.nav{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;gap:20px}
.brand{font-weight:800;letter-spacing:.08em;font-size:1.2rem}.brand span{color:var(--accent)}
nav a{color:var(--ink);text-decoration:none;margin-left:18px;font-size:.94rem}
.hero{background:linear-gradient(135deg,#07111f,#123454);color:white;padding:90px 22px}
.hero .wrap,.wrap{max-width:1120px;margin:auto}.eyebrow{color:#7dd3fc;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.05;margin:.25em 0}.hero p{max-width:720px;font-size:1.18rem;color:#d9e7f4}
.btn{display:inline-block;background:#fff;color:#07111f;text-decoration:none;font-weight:700;padding:13px 20px;border-radius:8px;margin:10px 8px 0 0}
.btn.alt{background:transparent;color:#fff;border:1px solid #8db7d7}
section{padding:64px 22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.card{background:white;border:1px solid #dfe7ef;border-radius:14px;padding:24px;box-shadow:0 8px 30px rgba(18,40,60,.06)}
h2{font-size:2rem;margin-top:0}.muted{color:#607084}.band{background:#eaf4fb}
footer{background:#07111f;color:#cbd8e6;padding:42px 22px}footer a{color:#fff}.foot{max-width:1120px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.legal{max-width:900px;margin:auto;background:white;padding:36px;border-radius:14px;border:1px solid #e1e8ef}
.legal h1{font-size:2.4rem}.legal h2{font-size:1.35rem;margin-top:30px}
form{max-width:760px}.field{margin:16px 0}label{font-weight:700;display:block;margin-bottom:6px}input,textarea{width:100%;padding:12px;border:1px solid #aebdca;border-radius:7px;font:inherit}
.check{background:white;border:1px solid #cbd8e3;border-radius:10px;padding:18px;margin:16px 0}.check label{display:flex;gap:10px;align-items:flex-start;font-weight:600}.check input{width:auto;margin-top:5px}
.small{font-size:.9rem;color:#526577}button{background:#0b2b47;color:white;border:0;padding:13px 20px;border-radius:8px;font-weight:700;cursor:pointer}
.notice{padding:14px;background:#eef8ff;border-left:4px solid #2a88b8;border-radius:4px}
@media(max-width:760px){nav{display:none}.foot{grid-template-columns:1fr}.hero{padding-top:60px}}
