:root{--color-bg-primary: #0a0e17;--color-bg-secondary: #111827;--color-bg-tertiary: #1a2332;--color-bg-elevated: #1f2937;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-accent-primary: #3b82f6;--color-accent-secondary: #1d4ed8;--color-accent-glow: rgba(59, 130, 246, .15);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-border: rgba(245, 158, 11, .3);--color-border: rgba(148, 163, 184, .1);--color-border-subtle: rgba(148, 163, 184, .05);--font-primary: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-theme: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-weight:400;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;transition:background-color var(--transition-theme),color var(--transition-theme)}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:-1;transition:opacity var(--transition-theme)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.3;color:var(--color-text-primary);transition:color var(--transition-theme)}p{color:var(--color-text-secondary);transition:color var(--transition-theme)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}@media (max-width: 768px){.container{padding:0 var(--space-md)}}.section{padding:var(--space-3xl) 0;transition:background-color var(--transition-theme)}.section-title{font-size:1.5rem;font-weight:500;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:background-color var(--transition-theme),border-color var(--transition-theme)}.mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.fade-in{animation:fadeIn .6s ease forwards}.fade-in-delay-1{animation-delay:.1s;opacity:0}.fade-in-delay-2{animation-delay:.2s;opacity:0}.fade-in-delay-3{animation-delay:.3s;opacity:0}.fade-in-delay-4{animation-delay:.4s;opacity:0}*,*:before,*:after{transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:.3s;transition-timing-function:ease}.fade-in,.fade-in *{transition:none}