@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg: #0b0f19;--fg: #e6eeff;--muted: #a9b4c2;--accent-1: #6ef3ff;--accent-2: #ff83c8;--accent-3: #ffe66d;--glass: rgba(255,255,255,.06);--border: rgba(255,255,255,.12)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--fg);background:radial-gradient(1200px 600px at 10% 10%,#0f1530 0%,var(--bg) 60%),radial-gradient(800px 400px at 90% 0%,#161a33 0%,transparent 70%),radial-gradient(800px 400px at 20% 100%,#17203d 0%,transparent 70%)}.scene{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}.hero{position:relative;padding:64px 24px 24px}.hero-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:16px}.hero h1{font-size:56px;line-height:1.02;letter-spacing:-.5px;margin:0 0 12px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:0;color:var(--muted);font-size:18px}.hero-orb{position:absolute;right:-80px;top:-80px;width:280px;height:280px;background:radial-gradient(80px 80px at 30% 30%,#fff7,#fff0 60%),conic-gradient(from 180deg at 50% 50%,var(--accent-1),var(--accent-2),var(--accent-3),var(--accent-1));filter:blur(16px) saturate(120%);border-radius:50%;opacity:.35}.grid{max-width:1080px;margin:24px auto;padding:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media (max-width: 1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid{grid-template-columns:1fr;padding:16px;gap:16px}}.card{-webkit-backdrop-filter:blur(10px) saturate(110%);backdrop-filter:blur(10px) saturate(110%);background:linear-gradient(180deg,var(--glass),transparent 120%);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 20px 30px #00000040;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px) rotate(-.3deg);box-shadow:0 28px 40px #00000059}.card .title{font-weight:700;font-size:20px;letter-spacing:.2px}.card .desc{color:var(--muted);margin-top:8px;line-height:1.4}.icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(100% 100% at 50% 30%,#fff2,#0000 60%),var(--glass);border:1px solid var(--border)}.footer{opacity:.7;color:var(--muted);font-family:JetBrains Mono,monospace;padding:24px;text-align:center}.tag{display:inline-block;margin-top:10px;padding:6px 10px;font-size:12px;color:#10131b;border-radius:999px;background:linear-gradient(90deg,var(--accent-3),var(--accent-1))}