:root{--color-primary:#6c63ff;--color-accent:#a78bfa;--color-bg:#fafafa;--color-surface:#f3f4f6;--color-text:#374151;--color-text-muted:rgba(55, 65, 81, 0.7);--color-success:#10b981;--color-error:#ef4444;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif}@media(prefers-color-scheme:dark){:root{--color-bg:#111827;--color-surface:#1f2937;--color-text:#e5e7eb;--color-text-muted:rgba(229, 231, 235, 0.7)}}*,*::before,*::after{box-sizing:border-box}html{font-family:var(--font-sans)}body{margin:0;background:var(--color-bg);color:var(--color-text);min-height:100vh;display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:.5rem}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:color-mix(in srgb,var(--color-bg) 80%,transparent);backdrop-filter:blur(6px)}.nav-logo{display:inline-flex}.nav-logo img{height:2rem;width:auto;display:block}.nav-link{color:var(--color-text);text-decoration:none;font-size:.875rem;padding:.375rem .75rem;border-radius:.5rem}.nav-link:hover{background:var(--color-surface)}.hero{position:relative;flex:1;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:6rem 1rem 4rem;overflow:hidden}.hero-content{position:relative;z-index:10;text-align:center;max-width:42rem}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin:0 0 1.25rem;line-height:1.15}.hero-sub{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--color-text-muted);margin:0 0 2rem}.hero-avatar{display:inline-block;margin-bottom:2rem;border-radius:50%}.hero-avatar img{width:4rem;height:4rem;border-radius:50%;display:block;box-shadow:0 0 0 2px var(--color-primary),0 0 0 6px var(--color-bg)}.doodles{position:absolute;inset:0;pointer-events:none}.doodle{position:absolute;opacity:.25}.doodle-beaker{top:12%;left:8%;width:clamp(4rem,8vw,5rem);transform:rotate(-12deg);opacity:.3}.doodle-bubbles{top:15%;right:10%;width:clamp(3.5rem,7vw,4.5rem)}.doodle-flame{bottom:18%;left:12%;width:clamp(3rem,6vw,4rem);transform:rotate(8deg)}.doodle-whisk{bottom:20%;right:8%;width:clamp(3.5rem,7vw,4.5rem);transform:rotate(20deg)}.doodle-bulb{top:45%;left:5%;width:clamp(2.5rem,5vw,3.5rem);transform:rotate(-6deg);opacity:.2}.doodle-tube{top:40%;right:5%;width:clamp(2.5rem,5vw,3.5rem);transform:rotate(15deg);opacity:.2}@media(prefers-reduced-motion:no-preference){.doodle-beaker{animation:float 7s ease-in-out infinite}.doodle-bubbles{animation:float 9s ease-in-out infinite 1s}.doodle-flame{animation:float 8s ease-in-out infinite 2s}.doodle-whisk{animation:float 10s ease-in-out infinite .5s}.doodle-bulb{animation:float 11s ease-in-out infinite 1.5s}.doodle-tube{animation:float 8.5s ease-in-out infinite 2.5s}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}.email-form{margin-top:.5rem}.email-fields{display:flex;flex-direction:column;gap:.5rem;max-width:28rem;margin:0 auto}@media(min-width:640px){.email-fields{flex-direction:row}}#email-input{flex:1;padding:.6rem .9rem;font-size:1rem;font-family:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid color-mix(in srgb,var(--color-text) 30%,transparent);border-radius:.5rem}#email-input:focus{outline:2px solid var(--color-primary);outline-offset:1px}#email-input[aria-invalid=true]{border-color:var(--color-error)}#email-submit{padding:.6rem 1.25rem;font-size:1rem;font-family:inherit;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:.5rem;cursor:pointer;white-space:nowrap}#email-submit:hover{background:color-mix(in srgb,var(--color-primary) 85%,black)}#email-submit:disabled{opacity:.6;cursor:wait}.email-error{color:var(--color-error);font-size:.875rem;margin:.5rem 0 0}.email-success{color:var(--color-success);font-size:1rem;margin:0}.projects{max-width:64rem;margin:0 auto;padding:3rem 1rem 4rem}.projects h2{font-size:1.75rem;text-align:center;margin:0 0 2rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem}.project-card{display:block;position:relative;padding:1.5rem;background:var(--color-surface);border-radius:1rem;text-decoration:none;color:var(--color-text);transition:transform .15s ease}@media(prefers-reduced-motion:no-preference){.project-card:hover{transform:translateY(-2px)}}.project-card h3{margin:0 0 .5rem;font-size:1.1rem}.project-card p{margin:0;color:var(--color-text-muted);font-size:.95rem}.project-tag{position:absolute;top:1rem;right:1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);padding:.2rem .6rem;border-radius:1rem}.footer{text-align:center;padding:1.5rem 1rem;background:var(--color-surface);margin-top:auto}.footer p{margin:.25rem 0}.footer-version{font-size:.75rem;color:color-mix(in srgb,var(--color-text) 40%,transparent)}