:root{--bg-obsidian: #030303;--bg-slate: #08080a;--bg-card: rgba(14, 14, 18, .92);--bg-card-hover: rgba(24, 24, 30, .98);--cyan-primary: #FFFFFF;--cyan-glow: rgba(255, 255, 255, .2);--emerald-accent: #10B981;--emerald-glow: rgba(16, 185, 129, .25);--purple-accent: #D4D4D8;--purple-glow: rgba(212, 212, 216, .2);--amber-accent: #F59E0B;--text-main: #FAFAFA;--text-muted: #A1A1AA;--text-dim: #71717A;--border-glass: rgba(255, 255, 255, .1);--border-cyan: rgba(255, 255, 255, .3);--border-purple: rgba(212, 212, 216, .3);--font-heading: "Outfit", "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--font-code: "JetBrains Mono", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.25, .64, 1);--ease-smooth: cubic-bezier(.25, 1, .5, 1);--ease-flip: cubic-bezier(.34, 1.2, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark}body{background-color:var(--bg-obsidian);background-image:none;color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;color:var(--text-main)}.gradient-text-cyan{background:linear-gradient(135deg,#fff 20%,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(255,255,255,.15))}.gradient-text-purple{background:linear-gradient(135deg,#fff,#71717a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(255,255,255,.15))}.gradient-text-amber{background:linear-gradient(135deg,#fff,#d4d4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}code,pre{font-family:var(--font-code)}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:16px;transition:transform .4s var(--ease-out),background .4s var(--ease-out),border-color .4s var(--ease-out),box-shadow .4s var(--ease-out);box-shadow:0 10px 30px -10px #000c;will-change:transform,box-shadow;transform:translateZ(0)}.glass-card:hover{background:var(--bg-card-hover);border-color:#ffffff4d;transform:translateY(-4px) translateZ(0);box-shadow:0 18px 40px -10px #000000e6,0 0 24px #ffffff1a}.glass-pill{background:#0e0e12e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);border-radius:9999px;padding:6px 16px;display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;box-shadow:0 4px 15px #00000080;transition:all .3s var(--ease-out)}.glass-pill:hover{border-color:#fff6;box-shadow:0 0 15px #ffffff26}.glow-border-card{position:relative;border-radius:16px;background:#0e0e12e6;border:1px solid var(--border-glass);overflow:hidden;transition:transform .4s var(--ease-out),border-color .4s var(--ease-out),box-shadow .4s var(--ease-out);will-change:transform,box-shadow;transform:translateZ(0)}.glow-border-card:hover{border-color:var(--border-cyan);box-shadow:0 0 28px #ffffff1f}.glow-border-card-inner{position:relative;z-index:1;background:#050508;border-radius:15px;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-obsidian)}::-webkit-scrollbar-thumb{background:#a1a1aa4d;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#fff;box-shadow:0 0 10px #ffffff80}@keyframes floatMascot{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float{animation:floatMascot 6s ease-in-out infinite;will-change:transform}.animate-pulse-glow{animation:pulseGlow 3s ease-in-out infinite;will-change:transform,opacity}.animate-radar{animation:radarSweep 8s linear infinite;will-change:transform}.container{max-width:1240px;margin:0 auto;padding:0 24px}.btn-primary{background:linear-gradient(135deg,#fff,#e4e4e7);color:#030303;font-weight:700;padding:14px 28px;border-radius:12px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-size:1rem;transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-out),opacity .35s ease;text-decoration:none;box-shadow:0 4px 15px #fff3;will-change:transform,box-shadow;transform:translateZ(0)}.btn-primary:hover{transform:translateY(-3px) scale(1.02) translateZ(0);box-shadow:0 0 32px #fff6,0 8px 25px #000c;opacity:1}.btn-secondary{background:#0e0e12e6;color:var(--text-main);font-weight:600;padding:14px 24px;border-radius:12px;border:1px solid var(--border-glass);cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-size:1rem;transition:transform .35s var(--ease-spring),background .35s var(--ease-out),border-color .35s var(--ease-out),box-shadow .35s var(--ease-out);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-decoration:none;will-change:transform,box-shadow;transform:translateZ(0)}.btn-secondary:hover{border-color:var(--border-cyan);background:#18181efa;transform:translateY(-3px) translateZ(0);box-shadow:0 0 22px #ffffff26}