@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-tertiary:#1a1a25;--bg-card:#12121c;--bg-card-hover:#1a1a28;--border-color:#2a2a3a;--border-glow:#3b82f6;--text-primary:#f0f0f5;--text-secondary:#8888a0;--text-muted:#555570;--accent-blue:#3b82f6;--accent-blue-hover:#2563eb;--accent-cyan:#06b6d4;--accent-violet:#8b5cf6;--accent-green:#10b981;--accent-red:#ef4444;--accent-orange:#f97316;--accent-yellow:#eab308;--gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--gradient-glow:linear-gradient(135deg,#3b82f6,#06b6d4);--gradient-bg:radial-gradient(ellipse at 50% 0%,#3b82f614 0%,transparent 50%);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 40px #00000080;--shadow-glow:0 0 20px #3b82f626;--shadow-glow-strong:0 0 40px #3b82f640;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{color:var(--text-primary);background:#3b82f64d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f633}50%{box-shadow:0 0 40px #3b82f666}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes grid-pulse{0%,to{opacity:.03}50%{opacity:.08}}.animate-fade-in{animation:.5s ease-out fadeIn}.animate-slide-up{animation:.6s ease-out slideUp}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-float{animation:6s ease-in-out infinite float}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121cb3;border:1px solid #ffffff0d}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .3s}.card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-glow);border-color:#3b82f64d;transform:translateY(-2px)}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-glow-strong);transform:translateY(-1px)}.btn-outline{color:var(--accent-blue);border:1px solid var(--accent-blue);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-outline:hover{box-shadow:var(--shadow-glow);background:#3b82f61a}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--text-muted)}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-blue{color:#60a5fa;background:#3b82f626}.badge-green{color:#34d399;background:#10b98126}.badge-red{color:#f87171;background:#ef444426}.badge-yellow{color:#facc15;background:#eab30826}.badge-violet{color:#a78bfa;background:#8b5cf626}.badge-orange{color:#fb923c;background:#f9731626}.grid-bg{background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px);background-size:40px 40px}.neon-text{text-shadow:0 0 10px #3b82f680,0 0 20px #3b82f64d,0 0 40px #3b82f61a}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-card-hover)50%,var(--bg-tertiary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.container-main{max-width:1280px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container-main{padding:0 16px}}