*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #000000;--bg-surface: #0a0a0a;--bg-card: #111111;--bg-hover: #1a1a1a;--border: rgba(212, 175, 55, .1);--border-strong: rgba(212, 175, 55, .3);--glass: rgba(255,255,255,.02);--glass-border: rgba(212, 175, 55, .2);--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #a0a0a0;--green: #10b981;--green-glow: rgba(16,185,129,.25);--green-bg: rgba(16,185,129,.1);--red: #800000;--red-glow: rgba(128,0,0,.25);--red-bg: rgba(128,0,0,.1);--blue: #3b82f6;--blue-bg: rgba(59,130,246,.1);--amber: #d4af37;--amber-bg: rgba(212, 175, 55, .1);--accent: #d4af37;--accent-glow: rgba(212, 175, 55, .4);--accent-grad: linear-gradient(135deg, #d4af37 0%, #800000 100%);--maroon: #800000;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 30px;--font-sans: "Plus Jakarta Sans", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 4px 12px rgba(0,0,0,.8);--shadow-md: 0 8px 32px rgba(0,0,0,.9);--shadow-lg: 0 20px 60px rgba(0,0,0,1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .6);--capsule-bg: rgba(255, 255, 255, .05);--capsule-border: rgba(212, 175, 55, .2);--capsule-active-bg: var(--accent);--capsule-active-text: #000000}html{font-size:16px}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.grad-text{color:var(--text-primary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow)}}.fade-up{animation:fadeUp .4s cubic-bezier(.16,1,.3,1) both}.fade-in{animation:fadeIn .4s ease both}.pulse{animation:pulse-glow 2s infinite}input,select,textarea{font-family:var(--font-sans);font-size:14px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 16px;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:var(--bg-hover);box-shadow:0 0 0 4px #8b5cf61a}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-card)}button{font-family:var(--font-sans);font-weight:600;cursor:pointer;border:none;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.96)}button:hover{filter:brightness(1.1)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.wrap{flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.hide-mobile{display:none!important}.stack-mobile{flex-direction:column!important}}