*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{line-height:1.4}:root{--bg: #0a0a0f;--bg2: #111118;--bg3: #1a1a24;--bg4: #22222f;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #f0f0f8;--text2: #9090a8;--text3: #6060748;--accent: #7c6ff7;--accent2: #a594f9;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--blue: #3b82f6;--pink: #ec4899;--teal: #14b8a6;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--radius: 12px;--radius-lg: 20px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-lg: 0 8px 48px rgba(0,0,0,.6);--glow: 0 0 40px rgba(124, 111, 247, .15)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative;z-index:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes countUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #7c6ff733}50%{box-shadow:0 0 40px #7c6ff766}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes numberIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fadeUp{animation:fadeUp .5s ease forwards}.animate-fadeIn{animation:fadeIn .4s ease forwards}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border2)}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none;transition:all .2s}input,select,textarea{font-family:var(--font-body);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6ff726}.skeleton{background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:500;letter-spacing:.02em}.badge-green{background:#22c55e26;color:#4ade80}.badge-red{background:#ef444426;color:#f87171}.badge-amber{background:#f59e0b26;color:#fbbf24}.badge-blue{background:#3b82f626;color:#60a5fa}.badge-purple{background:#7c6ff726;color:#a594f9}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:100px;font-size:12px;border:1px solid var(--border2);color:var(--text2);background:var(--bg3);cursor:pointer;transition:all .15s}.tag:hover,.tag.active{background:var(--accent);color:#fff;border-color:var(--accent)}.divider{height:1px;background:var(--border);margin:1rem 0}[data-theme=light]{--bg: #f9fafb;--bg2: #ffffff;--bg3: #f3f4f6;--bg4: #e5e7eb;--text: #111827;--text2: #6b7280;--border: rgba(0,0,0,.08);--border2: rgba(0,0,0,.15);--accent: #7c6ff7;--accent2: #a594f9}body:before{content:"";position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:-1;background:radial-gradient(circle at 30% 40%,rgba(124,111,247,.15),transparent 40%),radial-gradient(circle at 70% 60%,rgba(168,85,247,.12),transparent 45%),radial-gradient(circle at 40% 80%,rgba(59,130,246,.1),transparent 50%);animation:floatingOrbs 15s ease-in-out infinite alternate;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}@keyframes floatingOrbs{0%{transform:translate(0) scale(1)}33%{transform:translate(-30px,40px) scale(1.1)}66%{transform:translate(40px,-20px) scale(.9)}to{transform:translate(-10px,-50px) scale(1.05)}}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg4);color:var(--text);font-size:11px;padding:4px 8px;border-radius:6px;white-space:nowrap;border:1px solid var(--border2);opacity:0;pointer-events:none;transition:opacity .2s;z-index:100}.tooltip:hover:after{opacity:1}.stagger-item{opacity:0;animation:fadeUp .4s ease forwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.stagger-item:nth-child(9){animation-delay:.45s}.stagger-item:nth-child(10){animation-delay:.5s}.num-animate{animation:numberIn .6s cubic-bezier(.22,1,.36,1) forwards}.glow-card{animation:glow 3s ease-in-out infinite}@media (max-width: 768px){:root{--radius-lg: 16px}}