:root{--color-bg-base:hsl(225,25%,6%);--color-bg-surface:hsl(225,20%,9%);--color-bg-elevated:hsl(225,18%,12%);--color-bg-overlay:hsl(225,15%,15%);--color-border-subtle:hsl(225,15%,18%);--color-border-default:hsl(225,15%,22%);--color-border-strong:hsl(225,15%,30%);--color-text-primary:hsl(220,20%,95%);--color-text-secondary:hsl(220,15%,65%);--color-text-tertiary:hsl(220,12%,54%);--color-text-disabled:hsl(220,10%,35%);--color-accent-primary:hsl(252,95%,62%);--color-accent-primary-hover:hsl(252,95%,70%);--color-accent-primary-subtle:hsl(252,95%,62%,0.12);--color-accent-glow:rgba(124,58,237,0.15);--gradient-accent:linear-gradient(135deg,#4f46e5,#7c3aed);--color-success:hsl(145,65%,42%);--color-success-subtle:hsl(145,65%,42%,0.12);--color-warning:hsl(38,95%,54%);--color-warning-subtle:hsl(38,95%,54%,0.12);--color-danger:hsl(0,85%,60%);--color-danger-subtle:hsl(0,85%,60%,0.12);--color-info:hsl(200,90%,55%);--color-info-subtle:hsl(200,90%,55%,0.12);--glass-bg:hsl(225,20%,10%,0.7);--glass-border:hsl(225,15%,25%,0.5);--glass-blur:blur(20px);--glass-backdrop:blur(20px) saturate(180%);--glass-shadow:0 8px 32px hsl(225,25%,3%,0.4);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--transition-blur:800ms cubic-bezier(0.4,0,0.2,1);--font-ui:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"Geist Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem}@media (prefers-reduced-transparency:reduce){:root{--glass-bg:hsl(225,20%,12%,0.96);--glass-border:hsl(225,15%,30%,0.8);--glass-blur:blur(0px);--glass-backdrop:blur(0px) saturate(100%)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-ui);background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{color:inherit;text-decoration:none}