*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4,0,.2,1);--transition-base: .25s cubic-bezier(.4,0,.2,1);--transition-slow: .5s cubic-bezier(.4,0,.2,1);--font-mono: "JetBrains Mono", monospace;--font-serif: "DM Serif Display", Georgia, serif;--font-sans: "Montserrat", -apple-system, sans-serif;--max-width: 1200px}[data-theme=dark]{--color-bg-primary: #0c1220;--color-bg-secondary: #111a2e;--color-bg-card: #172038;--color-bg-card-hover: #1e2a4a;--color-bg-glass: rgba(23, 32, 56, .8);--color-bg-navbar: rgba(12, 18, 32, .9);--color-accent-primary: #c8ff00;--color-accent-secondary: #00d4ff;--color-accent-tertiary: #8B5CF6;--color-accent-glow: rgba(200, 255, 0, .15);--color-text-primary: #E8ECF4;--color-text-secondary: #8B95A8;--color-text-muted: #4A5568;--color-border: rgba(200, 255, 0, .08);--color-border-hover: rgba(200, 255, 0, .2);--gradient-accent: linear-gradient(135deg, #c8ff00 0%, #00d4ff 100%);--gradient-text: linear-gradient(135deg, #c8ff00 0%, #00d4ff 100%);--gradient-hero: radial-gradient(ellipse at 30% 20%, rgba(200, 255, 0, .06) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(0, 212, 255, .04) 0%, transparent 50%);--shadow-glow: 0 0 30px rgba(200, 255, 0, .1);--selection-bg: rgba(200, 255, 0, .25);--img-offset-color: #c8ff00}[data-theme=light]{--color-bg-primary: #f4f1ea;--color-bg-secondary: #eae6dd;--color-bg-card: #ffffff;--color-bg-card-hover: #f7f5f0;--color-bg-glass: rgba(244, 241, 234, .9);--color-bg-navbar: rgba(244, 241, 234, .95);--color-accent-primary: #1a3a2a;--color-accent-secondary: #c8ff00;--color-accent-tertiary: #2d5a3d;--color-accent-glow: rgba(26, 58, 42, .1);--color-text-primary: #0d1b1e;--color-text-secondary: #4a5a5e;--color-text-muted: #8a9a9e;--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .15);--gradient-accent: linear-gradient(135deg, #1a3a2a 0%, #2d5a3d 100%);--gradient-text: linear-gradient(135deg, #1a3a2a 0%, #2d5a3d 100%);--gradient-hero: radial-gradient(ellipse at 30% 20%, rgba(200, 255, 0, .08) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(26, 58, 42, .04) 0%, transparent 50%);--shadow-glow: 0 4px 24px rgba(0,0,0,.06);--selection-bg: rgba(200, 255, 0, .35);--img-offset-color: #c8ff00}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-primary);line-height:1.7;overflow-x:hidden;transition:background var(--transition-base),color var(--transition-base)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}::selection{background:var(--selection-bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-accent-primary);border-radius:var(--radius-full)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-5xl) 0}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}#theme-toggle{position:fixed;bottom:24px;left:24px;z-index:9999;display:flex;align-items:center;gap:8px;background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:10px 16px;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:500;backdrop-filter:blur(20px);box-shadow:0 4px 24px #0003;transition:all var(--transition-base)}#theme-toggle:hover{border-color:var(--color-border-hover)}#theme-toggle-icon{width:16px;height:16px;border-radius:50%;background:var(--gradient-accent);flex-shrink:0;transition:all var(--transition-base)}#theme-toggle-label{text-transform:uppercase;letter-spacing:.08em}