:root{--background:#050505;--foreground:#ffffff;--primary:#d4af37;--primary-hover:#b8962e;--secondary:#1a1a1a;--accent:#ffcc33;--glass:rgba(255,255,255,0.03);--glass-border:rgba(255,255,255,0.1);--selection:rgba(212,175,55,0.3);--bg-color:#020203;--sidebar-bg:rgba(8,8,12,0.65);--card-bg:rgba(20,20,25,0.5);--accent-color:#00a2ff;--accent-glow:rgba(0,162,255,0.25);--accent-gradient:linear-gradient(135deg,#00a2ff,#0055ff);--help-gradient:linear-gradient(135deg,#7000ff,#d400ff);--text-primary:#f8faff;--text-secondary:#94a3b8;--border-color:rgba(255,255,255,0.08);--glass-blur:16px;--sidebar-width:280px;--sidebar-collapsed-width:80px;--transition-speed:0.4s;--shadow-premium:0 8px 32px 0 rgba(0,0,0,0.8)}.glass{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-premium)}.glass,.glass-sidebar{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.glass-sidebar{background:var(--sidebar-bg);border-left:1px solid var(--border-color);box-shadow:-10px 0 30px rgba(0,0,0,.5)}*{box-sizing:border-box;padding:0;margin:0}::selection{background:var(--selection);color:var(--primary)}body,html{max-width:100vw;overflow-x:hidden;background:var(--background);color:var(--foreground);font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at 50% 0,#1a1a1a 0,#050505 100%)}h1,h2,h3,h4,h5{font-weight:800;letter-spacing:-.02em}p{color:#a0a0a0;line-height:1.6}.glass-card{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:rgba(255,255,255,.05);border-color:var(--primary);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.4)}.btn-primary{background:var(--primary);color:#000;padding:1rem 2.5rem;border-radius:50px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background:var(--primary-hover);transform:scale(1.05);box-shadow:0 0 20px rgba(212,175,55,.4)}.text-gradient{background:linear-gradient(135deg,#fff 0,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float{animation:float 4s ease-in-out infinite}