:root{--primary: #00ff88;--primary-glow: rgba(0, 255, 136, .4);--secondary: #00d4ff;--bg-dark: #0a0c10;--bg-card: rgba(25, 30, 40, .7);--text-main: #f0f2f5;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--glass-bg: rgba(15, 20, 30, .8);--glass-border: rgba(255, 255, 255, .08);--error: #ff4757;--success: #2ed573;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% -20%,#1a2a3a,transparent),radial-gradient(circle at 0% 100%,#0d1520,transparent);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow)}to{box-shadow:0 0 5px var(--primary-glow)}}.animate-fade{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(to right,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;font-size:.95rem}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--primary-glow)}.btn-secondary{background:#ffffff0d;color:#fff;border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff1a}.card{padding:24px;transition:transform .3s ease,border-color .3s ease}.card:hover{transform:translateY(-4px);border-color:var(--primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 768px){.container{padding:0 16px}.modal-content{width:95%!important;padding:24px!important;max-height:90vh;overflow-y:auto}.btn{padding:10px 16px;font-size:.85rem}h1{font-size:2rem}h2{font-size:1.5rem}.hide-on-mobile{display:none!important}.responsive-flex-col{flex-direction:column!important;align-items:stretch!important}}