:root{--bg-deep:#0a0f1a;--bg-card:#0c1221f2;--bg-card-hover:#141e37fa;--border-glow:#00d4ff26;--border-solid:#ffffff14;--border-focus:#00d4ff66;--primary:#00d4ff;--primary-glow:#00d4ff4d;--accent:#7c3aed;--accent-glow:#7c3aed4d;--text:#fff;--text-muted:#fff9;--text-dim:#ffffff73;--success:#00c98a;--success-bg:#00c98a1f;--success-border:#00c98a40;--danger:#f87171;--danger-bg:#f871711f;--danger-border:#f8717140;--warning:#fb923c;--warning-bg:#f973161f;--warning-border:#f9731680;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}a{color:inherit;text-decoration:none}.container{max-w:1280px;width:100%;margin:0 auto;padding:0 1.5rem}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-bg{background:linear-gradient(135deg, var(--primary), var(--accent))}.glow-card{background:var(--bg-card);border:1px solid var(--border-solid);border-radius:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 30px #0003}.glow-card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 10px 40px #00d4ff0d}.tab-btn{color:var(--text-muted);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;position:relative}.tab-btn:hover,.tab-btn.active{color:var(--text)}.tab-btn.active:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:2px;height:2px;position:absolute;bottom:0;left:1.25rem;right:1.25rem}.tooltip{background:var(--success);color:#0a0f1a;white-space:nowrap;pointer-events:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;animation:.2s cubic-bezier(.4,0,.2,1) forwards tooltipFade;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%)translateY(0)}to{opacity:1;transform:translate(-50%)translateY(-8px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #00d4ff1a}50%{box-shadow:0 0 25px #00d4ff40}}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.flex-center{justify-content:center;align-items:center;display:flex}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}