:root{--bg:#050505;--bg-card:#0d0d0d;--bg-hover:#161616;--bg-input:#161616;--border:rgba(245,197,66,.12);--text:#fff;--text-sub:#b3b3b3;--text-muted:#6b7280;--text-dim:#444;--accent-1:#f5d800;--accent-2:#0c4;--gradient:linear-gradient(135deg,#f5d800,#0c4);--primary:#ffd84d;--primary-hover:#ffe57a;--primary-glow:rgba(255,216,77,.25);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow:0 4px 24px rgba(0,0,0,.4);--shadow-gold:0 0 20px rgba(245,197,66,.15)}[data-theme=light]{--bg:#f8f9fa;--bg-card:#fff;--bg-hover:#f1f3f4;--bg-input:#f1f3f4;--border:rgba(0,0,0,.1);--text:#111;--text-sub:#444;--text-muted:#6b7280;--text-dim:#aaa;--shadow:0 4px 24px rgba(0,0,0,.08);--shadow-gold:0 0 20px rgba(245,197,66,.2)}[data-accent=gold-green]{--accent-1:#f5d800;--accent-2:#0c4;--gradient:linear-gradient(135deg,#f5d800,#0c4)}[data-accent=purple-blue]{--accent-1:#8b5cf6;--accent-2:#3b82f6;--gradient:linear-gradient(135deg,#8b5cf6,#3b82f6)}[data-accent=orange-red]{--accent-1:#f97316;--accent-2:#ef4444;--gradient:linear-gradient(135deg,#f97316,#ef4444)}[data-accent=cyan-blue]{--accent-1:#06b6d4;--accent-2:#3b82f6;--gradient:linear-gradient(135deg,#06b6d4,#3b82f6)}[data-accent=pink-purple]{--accent-1:#ec4899;--accent-2:#8b5cf6;--gradient:linear-gradient(135deg,#ec4899,#8b5cf6)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-1)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dot-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 rgba(245,197,66,0)}50%{box-shadow:0 0 20px rgba(245,197,66,.3)}}.krypton-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease}.krypton-card:hover{border-color:rgba(245,197,66,.25);box-shadow:var(--shadow-gold);transform:translateY(-1px)}.krypton-btn{background:var(--gradient);border:none;border-radius:var(--radius-sm);color:#000;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:DM Sans,sans-serif}.krypton-btn:hover{opacity:.9;transform:translateY(-1px)}.krypton-btn-ghost{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-family:DM Sans,sans-serif}.krypton-btn-ghost:hover{border-color:var(--accent-1);color:var(--text)}.krypton-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:DM Sans,sans-serif;transition:border-color .2s;outline:none}.krypton-input:focus{border-color:var(--accent-1)}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:767px){.main-content{margin-left:0!important}.hide-mobile{display:none!important}}@media (min-width:768px){.hide-desktop{display:none!important}}