:root{--primary: #5D4E6D;--primary-light: #7B6B8A;--accent: #558B2F;--highlight: #9E8FB2;--heading: #2E2438;--heading-mid: #4A3D5C;--heading-light: #7B6B8A;--surface-warm: #EDE8F0;--surface-warm-light: #F5F2F7;--bg: #FAFAFA;--text: #2E2438;--text-muted: #6D5F7E;--code-bg: #1C1424;--code-text: #D4CCE0;--code-green: #81C784;--code-comment: #6D5F7E;--code-blue: #9E8FB2}[data-theme=dark]{--primary: #9E8FB2;--primary-light: #B8AAC8;--accent: #81C784;--heading: #D4CCE0;--heading-mid: #9E8FB2;--heading-light: #B8AAC8;--surface-warm: #241C30;--surface-warm-light: #1C1424;--bg: #14101C;--text: #D4CCE0;--text-muted: #9E8FB2;--code-bg: #0E0A14}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary: #9E8FB2;--primary-light: #B8AAC8;--accent: #81C784;--heading: #D4CCE0;--heading-mid: #9E8FB2;--heading-light: #B8AAC8;--surface-warm: #241C30;--surface-warm-light: #1C1424;--bg: #14101C;--text: #D4CCE0;--text-muted: #9E8FB2;--code-bg: #0E0A14}}:root{--sans: "Atkinson Hyperlegible Next", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--error: #DC2626;--success: #16A34A;--warning: #D97706;--info: var(--primary, #1565C0);--container-max: 1080px;--section-padding: 6rem 0;--logo-size: 260px;--logo-radius: 28px;--h1-size: clamp(2.5rem, 5vw, 4rem);--h2-size: clamp(1.8rem, 3.5vw, 2.6rem);--tagline-size: clamp(1.1rem, 2.2vw, 1.4rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--sans, "Atkinson Hyperlegible Next", system-ui, sans-serif);line-height:1.65;color:var(--text);background:var(--bg);min-height:100vh}::selection{background:var(--primary);color:#fff}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-light)}.container{max-width:var(--container-max, 1080px);margin:0 auto;padding:0 2rem}section{padding:var(--section-padding, 6rem 0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){:root{--section-padding: 4rem 0;--logo-size: 180px}}