:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12121a;--color-bg-tertiary:#1a1a24;--color-bg-elevated:#22222e;--color-bg-hover:#2a2a38;--color-border:#ffffff14;--color-border-light:#ffffff1f;--color-border-focus:#6366f180;--color-text-primary:#f0f0f5;--color-text-secondary:#a0a0b0;--color-text-muted:#6b6b7b;--color-text-inverse:#0a0a0f;--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-primary-light:#6366f126;--color-primary-glow:#6366f166;--color-success:#10b981;--color-success-light:#10b98126;--color-success-dark:#059669;--color-success-glow:#10b98166;--color-warning:#f59e0b;--color-warning-light:#f59e0b26;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#ef444426;--color-error-dark:#dc2626;--color-error-glow:#ef444466;--color-info:#3b82f6;--color-info-light:#3b82f626;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #14b8a6 100%);--gradient-card:linear-gradient(180deg, var(--color-bg-tertiary) 0%, var(--color-bg-secondary) 100%);--gradient-glow:radial-gradient(ellipse at 50% 0%, #6366f126 0%, transparent 60%);--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px var(--color-primary-glow);--shadow-glow-success:0 0 20px var(--color-success-glow);--shadow-glow-error:0 0 20px var(--color-error-glow);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.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);--field-bg:var(--color-bg-secondary);--field-border:var(--color-border);--field-border-hover:var(--color-border-light);--field-border-focus:var(--color-primary);--field-focus-ring:var(--color-primary-light);--field-text:var(--color-text-primary);--field-text-muted:var(--color-text-secondary);--field-placeholder:var(--color-text-muted);--field-height:44px;--field-radius:var(--radius-md);--field-font-size:.875rem;--field-padding-x:.7rem}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100vh;line-height:1.6}::selection{background:var(--color-primary);color:#fff}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}input,textarea,select{background:var(--field-bg);color:var(--field-text)}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option,select optgroup{background:var(--field-bg);color:var(--field-text)}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1{letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1.2}h2{letter-spacing:-.01em;font-size:1.375rem;font-weight:600;line-height:1.3}h3{font-size:1.125rem;font-weight:600;line-height:1.4}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}code,pre{font-family:var(--font-mono);font-size:.8125rem}pre{background:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);line-height:1.7;overflow-x:auto}.container{width:100%;max-width:1440px;padding:0 var(--spacing-md);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--spacing-lg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}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(-12px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-primary-glow)}50%{box-shadow:0 0 20px var(--color-primary-glow), 0 0 30px var(--color-primary-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-fade-in-up{animation:.4s ease-out forwards fadeInUp}.animate-fade-in-scale{animation:.3s ease-out forwards fadeInScale}.animate-slide-in-right{animation:.3s ease-out forwards slideInRight}.animate-glow{animation:2s ease-in-out infinite glow}.animate-float{animation:3s ease-in-out infinite float}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}