:root{--navy:#0f3d5e;--navy2:#0f3d5e;--turquoise:#00a6c8;--turquoise2:#3be2ef;--soft:#f4f8fb;--text:#163149;--muted:#6d7f91;--border:rgba(15,61,94,.14);--shadow:0 24px 70px rgba(7,29,51,.13)}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:white;color:var(--text);line-height:1.75}
a{text-decoration:none;color:inherit}
.container{width:min(1120px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:80;background:rgba(7,29,51,.94);backdrop-filter:blur(14px)}
.nav{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;color:white;font-weight:900}
.brand strong{color:var(--turquoise2)}
.brand-mark{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--turquoise),var(--turquoise2));color:#052033;font-weight:950}
.menu{display:flex;gap:16px;align-items:center;color:rgba(255,255,255,.8);font-size:14px}
.menu a.active,.menu a:hover{color:white}
.nav-cta{padding:11px 17px;border-radius:999px;background:linear-gradient(135deg,var(--turquoise),var(--turquoise2));color:#052033!important;font-weight:900}
.menu-btn{display:none;border:0;background:transparent;color:white;font-size:28px}
.hero{position:relative;overflow:hidden;color:white;padding:92px 0 76px;background:radial-gradient(circle at 82% 16%,rgba(59,226,239,.24),transparent 30%),radial-gradient(circle at 18% 82%,rgba(0,166,200,.20),transparent 28%),linear-gradient(135deg,#051628,#0f3d5e,#0f3d5e)}
.hero-pattern{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px}
.hero .container{position:relative;max-width:960px}
.kicker{color:var(--turquoise2);text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:13px;margin-bottom:15px}
h1,h2,h3{line-height:1.15;margin:0 0 18px}
h1{font-size:clamp(42px,6vw,68px);letter-spacing:-2px}
h2{font-size:clamp(26px,3vw,38px);margin-top:42px}
.hero p{font-size:20px;color:rgba(255,255,255,.82);max-width:820px}
.legal-section{padding:82px 0;background:var(--soft)}
.legal-card{background:white;border:1px solid var(--border);border-radius:30px;padding:clamp(28px,5vw,56px);box-shadow:var(--shadow)}
.notice{padding:20px 22px;border-radius:20px;background:#eefbff;border:1px solid #c9edf5;margin-bottom:34px}
.notice strong{color:var(--navy)}
p,li{color:var(--muted);font-size:17px}
ul{padding-left:22px}
.placeholder{background:#fff6dd;border:1px dashed #e1b84d;padding:3px 8px;border-radius:8px;color:#6d5300;font-weight:800}
.table-like{display:grid;gap:12px;margin:24px 0}
.row{display:grid;grid-template-columns:260px 1fr;gap:18px;padding:16px;background:#fbfdff;border:1px solid #e3edf4;border-radius:16px}
.row strong{color:var(--navy)}
.footer{background: #f4f8fb;color:#0f3d5e;padding:38px 0}
.footer-grid{display:flex;justify-content:space-between;gap:30px}
.footer p{color:#3f5f78}
.footer-links a{display:inline-block;margin-left:18px}
@media(max-width:900px){.menu-btn{display:block}.menu{position:absolute;top:78px;left:0;right:0;background:var(--navy);display:none;flex-direction:column;align-items:stretch;padding:22px}.menu.open{display:flex}.row{grid-template-columns:1fr}.footer-grid{flex-direction:column}.footer-links a{margin-left:0;margin-right:18px}}