/* Glassmorphism base styles */
:root{--glass-bg:rgba(255,255,255,0.1);--glass-stroke:rgba(255,255,255,0.35);--glass-highlight:rgba(255,255,255,0.6);} 
html,body{height:100%;}
body{background: radial-gradient(1200px 800px at 10% 10%, #0b1220, #070b14 60%, #05080f 100%), url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22160%22 height=%22160%22 viewBox=%220 0 10 10%22><circle cx=%225%22 cy=%225%22 r=%221%22 fill=%22%2314273b%22 opacity=%220.35%22/></svg>'); background-size: cover, 160px 160px; color:#e5edf9;}
.container{max-width:1100px;margin:0 auto;padding:1.25rem;}
.nav{backdrop-filter: blur(14px) saturate(120%); background: var(--glass-bg); border:1px solid var(--glass-stroke); border-radius: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.35);}
.glass{backdrop-filter: blur(18px) saturate(140%); background: var(--glass-bg); border:1px solid var(--glass-stroke); border-radius: 1rem; box-shadow: 0 20px 60px rgba(0,0,0,.45);} 
.glass:hover{box-shadow: 0 25px 70px rgba(0,0,0,.55);} 
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem;border-radius:9999px;background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08));border:1px solid var(--glass-stroke);color:#0b1220;font-weight:600;}
.btn-primary{background:linear-gradient(180deg, rgba(141,197,255,.9), rgba(79,148,255,.8)); color:#0b1220;}
.badge{border-radius:9999px;padding:.25rem .6rem;border:1px solid var(--glass-stroke); background:var(--glass-bg);} 
.header-logo{font-weight:800; letter-spacing:.3px;}
.hero-title{font-size: clamp(1.8rem, 3.6vw, 3rem); line-height:1.1; font-weight:800;}
.hero-sub{font-size: clamp(1rem, 1.6vw, 1.15rem); color:#c8d6f8;}
.grid{display:grid; gap:1rem;}
.grid-3{grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));}
.card{padding:1.2rem;}
.footer{opacity:.85; font-size:.9rem;}
.link{color:#9cc6ff;}
hr.div{border-color: rgba(255,255,255,.15);} 
/* Rounded radii policy per Aether */
.round-2xl{border-radius:1rem;}
.round-full{border-radius:9999px;}
/* Focus ring */
:focus-visible{outline:2px solid rgba(130,197,255,.75); outline-offset:2px; border-radius:.5rem;}
/* Simple utilities */
.mt-6{margin-top:1.5rem}.mt-10{margin-top:2.5rem}.mb-6{margin-bottom:1.5rem}.py-6{padding-block:1.5rem}.py-10{padding-block:2.5rem}.px-4{padding-inline:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.text-center{text-align:center}.text-muted{color:#bfd3ff}.hidden{display:none}
/* Responsive header spacing */
header{position:sticky; top:10px; z-index:40}
main{margin-top:16px}