:root{--bg-primary:#1a0f2e;--bg-secondary:#251a3a;--bg-tertiary:#32244a;--bg-elevated:#3d2d5a;--bg-card:#3d2d5a99;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-tertiary:#ec4899;--accent-cyan:#06b6d4;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-error:#ef4444;--gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#ec4899 100%);--gradient-cyan:linear-gradient(135deg,#06b6d4 0%,#6366f1 100%);--gradient-success:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);--gradient-dark:linear-gradient(180deg,#6366f11a 0%,transparent 100%);--gradient-glow:radial-gradient(ellipse at top,#6366f126 0%,transparent 50%);--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--text-muted:#ffffff4d;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-hover:#fff3;--border-accent:#6366f14d;--glass-bg:#12121ab3;--glass-border:#ffffff14;--glass-highlight:#ffffff0d;--glass-blur:blur(20px)saturate(180%);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-xl:0 20px 50px #0009;--shadow-glow:0 0 40px #6366f133;--shadow-glow-sm:0 0 20px #6366f126;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-bounce:.5s cubic-bezier(.34,1.56,.64,1);--sidebar-width:280px;--sidebar-collapsed:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.card-hover{transition:all var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f166}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-fade-in{animation:fadeIn .4s var(--transition-base)forwards}.animate-fade-in-scale{animation:fadeInScale .4s var(--transition-base)forwards}.animate-slide-in-right{animation:slideInRight .4s var(--transition-base)forwards}.animate-slide-in-up{animation:slideInUp .4s var(--transition-base)forwards}.animate-pulse{animation:2s infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.animate-glow{animation:2s ease-in-out infinite glow}.animate-spin{animation:1s linear infinite spin}.animate-bounce{animation:1s ease-in-out infinite bounce}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}::selection{background:var(--accent-primary);color:#fff}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input,textarea,select,button{font-family:inherit}.container-sm{max-width:640px;margin:0 auto}.container-md{max-width:768px;margin:0 auto}.container-lg{max-width:1024px;margin:0 auto}.container-xl{max-width:1280px;margin:0 auto}.container-2xl{max-width:1536px;margin:0 auto}.grid-auto-fit{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.status-success{color:var(--accent-success)}.status-warning{color:var(--accent-warning)}.status-error{color:var(--accent-error)}.status-info{color:var(--accent-cyan)}.bg-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.bg-gradient-dark{background:var(--gradient-dark)}.bg-gradient-glow{background:var(--gradient-glow)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}