:root { --bg:#f4f7fb; --surface:#fff; --line:#d7e2f2; --ink:#0f172a; --muted:#52657a; --teal:#0f8f82; --grad:linear-gradient(135deg,#087e73,#16b9a8,#4ddccb); }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:flex; flex-direction:column; background:radial-gradient(circle at 92% 0,rgba(45,212,191,.15),transparent 29%),var(--bg); color:var(--ink); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; }
.site-header { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 5vw; border-bottom:1px solid var(--line); background:rgba(255,255,255,.92); backdrop-filter:blur(12px); }
.brand { color:#087e73; font-family:'Space Grotesk',Arial,sans-serif; font-size:1.2rem; font-weight:800; text-decoration:none; }
.brand b { color:#0f172a; }
.site-nav { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.site-nav a { color:#42556a; font-size:.84rem; font-weight:700; text-decoration:none; }
.site-nav a:hover, .site-nav a:focus { color:var(--teal); }
.site-nav .nav-cta { padding:9px 13px; border-radius:10px; background:var(--grad); color:#fff; }
.page { width:min(980px,calc(100% - 32px)); margin:36px auto 56px; flex:1; }
.hero,.card { border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.96); box-shadow:0 16px 48px rgba(15,23,42,.07); }
.hero { padding:32px; margin-bottom:18px; }
.card { padding:26px; margin-bottom:16px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:16px; }
.eyebrow { margin:0 0 9px; color:var(--teal); font-size:.75rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
h1,h2,h3 { font-family:'Space Grotesk',Arial,sans-serif; letter-spacing:-.035em; }
h1 { margin:0 0 14px; font-size:clamp(2rem,5vw,3rem); line-height:1.05; }
h2 { margin:0 0 10px; font-size:1.17rem; }
h3 { margin:0 0 8px; font-size:1rem; }
p,li { color:#334155; font-size:.94rem; line-height:1.75; }
p { margin:0; } ul { margin:9px 0 0; padding-left:20px; } li+li { margin-top:5px; }
.notice { padding:14px 16px; border-left:4px solid #d97706; border-radius:12px; background:#fffbeb; color:#713f12; font-size:.88rem; line-height:1.6; }
.meta { margin-top:14px; color:var(--muted); font-size:.8rem; }
.site-footer { padding:30px 5vw; background:#0f172a; color:#cbd5e1; }
.footer-grid { display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; max-width:1180px; margin:auto; }
.footer-title { color:#fff; font-weight:800; margin-bottom:7px; } .footer-copy { max-width:560px; color:#94a3b8; font-size:.8rem; line-height:1.6; }
.footer-links { display:flex; gap:15px; flex-wrap:wrap; align-content:start; } .footer-links a { color:#cbd5e1; font-size:.82rem; text-decoration:none; } .footer-links a:hover { color:#5eead4; }
@media (max-width:640px) { .site-header { padding:14px 18px; align-items:flex-start; flex-direction:column; gap:10px; } .site-nav { gap:13px; } .page { width:min(100% - 24px,980px); margin:22px auto 36px; } .hero,.card { padding:22px; border-radius:19px; } }