:root{--bg-dark: #0a0d14;--bg-card: rgba(18, 24, 38, .75);--bg-card-hover: rgba(26, 35, 56, .85);--bg-glass: rgba(15, 22, 36, .6);--bg-input: rgba(10, 14, 23, .8);--accent-primary: #6366f1;--accent-primary-hover: #4f46e5;--accent-secondary: #8b5cf6;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-rose: #f43f5e;--accent-amber: #f59e0b;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-emerald: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-rose: linear-gradient(135deg, #e11d48 0%, #f43f5e 100%);--gradient-amber: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .01) 100%);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-accent: #818cf8;--border-subtle: rgba(255, 255, 255, .08);--border-focus: rgba(99, 102, 241, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(99, 102, 241, .25);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--font-family-sans: "Inter", system-ui, -apple-system, sans-serif;--font-family-heading: "Outfit", "Inter", system-ui, sans-serif;--transition-fast: .15s ease;--transition-smooth: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);letter-spacing:-.02em}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}input,textarea,select{font-family:inherit;outline:none}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.glass-panel:hover{border-color:#6366f14d;box-shadow:var(--shadow-glow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}