:root{--brand-ink: #0a1020;--brand-ink-dark: #050812;--brand-accent: #22d3ee;--brand-accent-2: #ffb454;--brand-surface: rgba(255, 255, 255, .88);--brand-mist: rgba(255, 255, 255, .6);--brand-line: rgba(34, 211, 238, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:#0c1220;background:radial-gradient(circle at 8% 10%,rgba(34,211,238,.2),transparent 42%),radial-gradient(circle at 90% 12%,rgba(255,180,84,.2),transparent 45%),radial-gradient(circle at 30% 80%,rgba(10,16,32,.15),transparent 50%),linear-gradient(120deg,#f6f8fb,#e9eef6 45%,#f3f6fb);min-height:100vh}a{color:inherit;text-decoration:none}::selection{background:#22d3ee40}.hero-grid{position:relative;overflow:hidden}.hero-grid:before{content:"";position:absolute;top:-20%;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(34,211,238,.28),transparent 50%),radial-gradient(circle at 80% 10%,rgba(10,16,32,.2),transparent 55%),radial-gradient(circle at 70% 60%,rgba(255,180,84,.2),transparent 50%);pointer-events:none}.hero-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(10,16,32,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(10,16,32,.06) 1px,transparent 1px);background-size:80px 80px;opacity:.35;pointer-events:none}.patterned{background-image:linear-gradient(rgba(34,211,238,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.18) 1px,transparent 1px);background-size:24px 24px}.glass-panel{background:var(--brand-surface);border:1px solid var(--brand-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #0a102029}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%,to{box-shadow:0 0 #22d3ee00}50%{box-shadow:0 16px 36px #22d3ee59}}@keyframes pulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}