:root{font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:dark;--bg-main: #06070a;--bg-surface: #0e111a;--bg-surface-hover: #171c2a;--border-color: #1f273d;--color-primary: #00f0ff;--color-secondary: #a855f7;--text-main: #f3f4f6;--text-muted: #9ca3af;background-color:var(--bg-main);color:var(--text-main)}body{margin:0;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s}.card:hover{transform:translateY(-2px);border-color:var(--color-primary)}button{cursor:pointer;font-family:inherit;transition:all .2s ease}button:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.active-btn{background:var(--color-primary);color:#06070a;font-weight:600}.inactive-btn{background:#1f2937;color:var(--text-muted)}.inactive-btn:hover{background:#374151;color:var(--text-main)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#000;border-radius:8px;font-weight:700;transition:opacity .2s}.btn-primary:hover{opacity:.9}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff3d}