/* Core: Liquid Glass Design System */
:root{--bg:#0b0f14;--fg:#e6f0ff;--muted:#a7b4c7;--accent:#8ab4ff;--glass:rgba(255,255,255,.08);--glass-stroke:rgba(255,255,255,.22);--shadow:0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);--radius:1rem;--radius-pill:999px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 800px at 10% -10%,#142033 0%,#0b0f14 45%) fixed,color(display-p3 0.04 0.06 0.08);color:var(--fg);line-height:1.6}

.container{max-width:1040px;margin:0 auto;padding:24px}

.nav{position:sticky;top:16px;z-index:50;display:flex;gap:12px;align-items:center;justify-content:center}
.nav a{display:inline-flex;gap:10px;align-items:center;padding:10px 16px;border-radius:var(--radius-pill);text-decoration:none;color:var(--fg);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.06));backdrop-filter:saturate(120%) blur(14px);-webkit-backdrop-filter:saturate(120%) blur(14px);box-shadow:var(--shadow);border:1px solid var(--glass-stroke);transition:transform .25s cubic-bezier(.22,.61,.36,1), background .25s}
.nav a:hover{transform:translateY(-2px);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.08))}

.hero{display:grid;place-items:center;padding:80px 24px}
.card{width:100%;border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));backdrop-filter:saturate(120%) blur(18px);-webkit-backdrop-filter:saturate(120%) blur(18px);border:1px solid var(--glass-stroke);box-shadow:var(--shadow);padding:32px}
.title{font-size:clamp(28px,4vw,52px);letter-spacing:.2px;margin:0 0 8px}
.subtitle{font-size:clamp(14px,1.6vw,18px);color:var(--muted);margin:0 0 20px}
.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(138,180,255,.18);color:#eaf2ff;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid rgba(138,180,255,.35)}
.grid{display:grid;gap:18px;margin-top:22px}
@media(min-width:720px){.grid{grid-template-columns:repeat(3,1fr)}}
.tile{padding:16px;border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid var(--glass-stroke);box-shadow:var(--shadow)}
.tile h3{margin:0 0 6px;font-size:18px}
.tile p{margin:0;color:var(--muted)}

.footer{opacity:.8;text-align:center;padding:40px 16px;color:var(--muted)}

/* Subpages */
.section{padding:48px 24px}
.h2{font-size:clamp(22px,2.6vw,32px);margin:0 0 12px}
.lead{color:var(--muted);max-width:72ch}
.list{padding:0;margin:18px 0 0;display:grid;gap:12px}
.item{list-style:none}
.link{color:var(--fg);text-decoration:none;border-bottom:1px dotted rgba(138,180,255,.45);transition:color .2s}
.link:hover{color:var(--accent)}