:root{--primary: #004D40;--primary-light: #00695C;--accent: #FF655D;--highlight: #F1DB4B;--heading: #2D5A3D;--heading-mid: #4D8C3E;--heading-light: #6BAF5B;--surface-warm: #F5F0E1;--surface-warm-light: #FAF8F2;--bg: #FDFCF9;--text: #1a2e1f;--text-muted: #5a6e5f;--code-bg: #0d1f14;--code-text: #d4d4d4;--code-green: #a8e6a0;--code-comment: #6a9955;--code-blue: #9cdcfe}[data-theme=dark]{--primary: #26a69a;--primary-light: #4db6ac;--accent: #ff8a80;--heading: #a5d6a7;--heading-mid: #81c784;--heading-light: #66bb6a;--surface-warm: #1a2e1f;--surface-warm-light: #152218;--bg: #0d1a12;--text: #e0e8e2;--text-muted: #8fa898;--code-bg: #0a140e}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary: #26a69a;--primary-light: #4db6ac;--accent: #ff8a80;--heading: #a5d6a7;--heading-mid: #81c784;--heading-light: #66bb6a;--surface-warm: #1a2e1f;--surface-warm-light: #152218;--bg: #0d1a12;--text: #e0e8e2;--text-muted: #8fa898;--code-bg: #0a140e}}: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}}