:root{--navy:#0f1e2d;--slate:#132638;--cyan:#6fd6d2;--gold:#caa75a;--green:#2f8f61;--off:#f7fbf8;--text:#18242f;--muted:#647284}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:#f5f8fb;color:var(--text)}a{color:#176b77;text-decoration:none}.container{width:min(1180px,92%);margin:0 auto}.header{background:rgba(15,30,45,.96);color:#fff;position:sticky;top:0;z-index:20}.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.brand{display:flex;gap:12px;align-items:center;color:#fff;font-weight:900}.brand img{width:44px;height:44px;border-radius:14px}.links{display:flex;gap:18px;flex-wrap:wrap}.links a{color:#e8f8f5}.hero{background:linear-gradient(135deg,var(--navy),#16354a 55%,#174d43);color:#fff;padding:74px 0}.hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1;margin:16px 0}.lead{font-size:1.15rem;line-height:1.7;color:#d7ece8}.btn{display:inline-flex;border-radius:999px;padding:12px 18px;background:var(--cyan);color:#0c202d;font-weight:900;margin:5px 8px 5px 0}.btn.gold{background:var(--gold)}.section{padding:58px 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:#fff;border:1px solid rgba(15,30,45,.12);border-radius:24px;padding:22px;box-shadow:0 14px 42px rgba(15,30,45,.08)}.card.dark{background:var(--navy);color:#fff}.card.dark h2,.card.dark h3{color:#fff}h2{font-size:clamp(1.7rem,3vw,2.8rem);margin:0 0 14px;color:var(--navy)}h3{color:var(--navy)}input,select{width:100%;padding:13px;border:1px solid #ccd7de;border-radius:14px;margin:7px 0 14px;background:#fff}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile{padding:14px;border-radius:18px;background:#fff;border:1px solid #d7e0e6}.profile strong{display:block;color:var(--navy)}.notice{border-left:5px solid var(--gold);background:#fff8e4;border-radius:16px;padding:16px}.footer{background:var(--navy);color:#d9ece8;padding:38px 0}.footer a{color:#fff}.small{font-size:.92rem;color:var(--muted);line-height:1.65}.footer .small{color:#c2d8d7}@media(max-width:850px){.grid-3,.grid-2,.profile-grid{grid-template-columns:1fr}.links{display:none}}