:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--foreground:#111;--button-background:#111;--button-foreground:#fff;--button-border:#111}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#111;--foreground:#f3f3f3;--button-background:#f3f3f3;--button-foreground:#111;--button-border:#f3f3f3}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background:var(--background);color:var(--foreground)}.hero{text-align:center;place-items:center;min-height:100vh;padding:2rem;display:grid}.site-nav{z-index:20;align-items:center;gap:.9rem;display:flex;position:fixed;top:1.25rem;right:1.25rem}.about-link{color:var(--foreground);font-size:1rem;text-decoration:none}.about-link:hover{text-decoration:underline}.theme-toggle{border:1px solid var(--button-border);background:var(--button-background);color:var(--button-foreground);font:inherit;cursor:pointer;border-radius:999px;padding:.4rem .8rem}.theme-toggle:hover{opacity:.9}.theme-toggle-icon-button{cursor:pointer;-webkit-backdrop-filter:blur(8px);border:1px solid;border-radius:999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:all .3s;display:flex;position:relative}.theme-toggle-icon-button-dark{background:#ffffff1f;border-color:#ffffff59}.theme-toggle-icon-button-dark:hover{background:#fff3}.theme-toggle-icon-button-light{background:#1a1c5c0f;border-color:#1a1c5c2e}.theme-toggle-icon-button-light:hover{background:#1a1c5c1f}.theme-toggle-icon-layer{justify-content:center;align-items:center;transition:all .4s ease-out;display:flex;position:absolute;inset:0}.theme-toggle-icon-visible{opacity:1;transform:scale(1)rotate(0)}.theme-toggle-icon-hidden-sun{opacity:0;transform:scale(.5)rotate(90deg)}.theme-toggle-icon-hidden-moon{opacity:0;transform:scale(.5)rotate(-90deg)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-content h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem)}.hero-content p{margin:.4rem 0;font-size:clamp(1rem,2.2vw,1.25rem)}.hero-content .description{margin-top:1.2rem}.about-page{text-align:center;place-items:center;min-height:100vh;padding:2rem;display:grid}.about-content{justify-items:center;gap:1rem;display:grid}.about-description{max-width:42ch;margin:0;font-size:1.1rem}