.home .hero{grid-template-columns:140px 1fr;align-items:center;gap:1.25rem;padding:2rem 0 1rem;display:grid}.photo{width:140px;height:140px}.photo img{object-fit:cover;border:2px solid var(--border);background:var(--card);border-radius:50%;width:100%;height:100%;display:block}.photo-placeholder{background:radial-gradient(ellipse at 70% 30%, color-mix(in oklab, var(--accent) 22%, transparent), transparent 60%), var(--card);border:2px dashed color-mix(in oklab, var(--accent) 65%, transparent);width:140px;height:140px;color:var(--accent);border-radius:50%;place-items:center;font-size:2rem;font-weight:800;display:grid}.hero-text h1{margin:0;font-size:2rem}.hero-text p{color:var(--muted);margin:.25rem 0 0}@media (width<=640px){.home .hero{text-align:center;grid-template-columns:1fr}.photo,.photo-placeholder{margin:0 auto}}@media (width<=1200px){.tech-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=768px){.tech-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (width<=640px){.tech-grid{grid-template-columns:1fr}.tech-grid>div{padding:.75rem}}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.project-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:border-color .32s,transform .32s}.project-card:hover{border-color:color-mix(in oklab, var(--accent) 40%, var(--border));transform:translateY(-2px)}.project-card h3{color:var(--text);margin:0 0 .25rem}.project-role{color:var(--accent);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .6rem;font-size:.85rem;font-weight:600}.project-card p:not(.project-role){color:var(--muted);margin:0 0 .9rem}.project-card a{color:var(--accent)}.project-tags{flex-wrap:wrap;gap:.4rem;display:flex}.project-tags span{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:999px;padding:.25rem .6rem;font-size:.78rem}@media (width<=640px){.project-grid{grid-template-columns:1fr}.project-card{padding:1rem}}.about{padding-left:calc(1rem + 6px);padding-right:calc(1rem + 6px)}.about h2{margin-top:0}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.tech-grid>div{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;transition:background-color .32s,border-color .32s}.tech-grid>div:hover{border-color:color-mix(in oklab, var(--accent) 30%, var(--border))}.tech-grid h3{color:var(--text);margin:0 0 .5rem}.tech-grid ul{margin:0;padding-left:1.1rem}@media (width<=1200px){.tech-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=768px){.tech-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (width<=640px){.tech-grid{grid-template-columns:1fr}.tech-grid>div{padding:.75rem}}.contact{padding-left:calc(1rem + 6px);padding-right:calc(1rem + 6px)}.contact h2{margin-top:0}.contact-form{gap:.75rem;max-width:640px;display:grid}.contact-form label{color:var(--muted);gap:.25rem;font-size:.95rem;display:grid}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:.6rem .7rem;transition:background-color .32s,border-color .32s,color .32s}.custom-select{position:relative}.select-toggle{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);cursor:pointer;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.6rem .7rem;display:grid}.select-toggle .chevron{transition:transform .18s}.custom-select[data-open=true] .select-toggle .chevron{transform:rotate(180deg)}.options{background:var(--card);border:1px solid var(--border);border-top:1px solid var(--border);transform-origin:top;opacity:0;visibility:hidden;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin:0;padding:0;transition:opacity .16s,transform .16s,visibility .16s step-end;position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:scaleY(.8);box-shadow:0 8px 24px oklab(0% none none/.35)}.custom-select[data-open=true] .options{opacity:1;visibility:visible;transition-duration:.22s;transition-timing-function:cubic-bezier(.2,.8,.2,1);transform:scaleY(1)}.options li{cursor:pointer;border-top:1px solid var(--border);padding:.6rem .7rem;list-style:none}.options li:first-child{border-top:none}.options li:hover,.options li[aria-selected=true]{background:color-mix(in oklab, var(--accent) 16%, transparent);color:var(--text)}.btn-primary{background:var(--accent);color:#0a0a0a;cursor:pointer;border:none;border-radius:8px;padding:.6rem .9rem;font-weight:700}.btn-primary:hover{filter:brightness(.95)}.status{color:var(--muted);margin-top:.5rem}.custom-select[data-open=true] .select-toggle{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in oklab, var(--bg) 86%, transparent);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;padding:1.75rem 0;display:flex}.brand{color:var(--text);letter-spacing:.2px;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-links{gap:1rem;display:flex;position:relative}.nav-links a{color:var(--muted);border-radius:6px;margin:.5rem 0;padding:.6rem .8rem;text-decoration:none;position:relative;overflow:hidden}.nav-links a.active,.nav-links a:hover{color:var(--text);background:color-mix(in oklab, var(--accent) 18%, transparent);transition:background-color .22s,color .22s}.nav-actions{align-items:center;gap:.75rem;margin-left:1rem;display:flex;position:relative}.avatar{border:1px solid var(--border);background:var(--card);border-radius:50%;place-items:center;width:28px;height:28px;margin:.5rem .25rem;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-fallback{color:var(--accent);font-size:.75rem;font-weight:800}.hamburger{border:1px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;margin:.5rem .25rem;padding:0 6px;display:inline-flex}.hamburger span{background:var(--text);border-radius:2px;width:100%;height:2px;display:block}.hamburger-menu{background:var(--card);border:1px solid var(--border);z-index:20;border-radius:10px;gap:.75rem;padding:.6rem .7rem;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px oklab(0% none none/.35)}.icon-link{border:1px solid var(--border);background:var(--bg);width:36px;height:36px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-link:hover{outline:2px solid color-mix(in oklab, var(--accent) 32%, transparent)}.icon-link img{width:20px;height:20px}html[data-theme=dark] .icon-link.github img{filter:invert()}.nav-indicator{pointer-events:none;width:0;height:2px;transition:transform .26s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-2px;left:0}.nav-indicator-inner{background:var(--accent);border-radius:2px;height:100%;transition:width .26s cubic-bezier(.2,.8,.2,1);display:block}.nav-indicator-inner.bump{animation:.28s ease-out nav-bump}@keyframes nav-bump{0%{transform:translate(0)scaleX(1)}50%{transform:translate(0)scaleX(1.08)}to{transform:translate(0)scaleX(1)}}.nav-ripple{left:calc(var(--rx) - var(--rsize) / 2);top:calc(var(--ry) - var(--rsize) / 2);width:var(--rsize);height:var(--rsize);background:radial-gradient(60% 90% at 50% 40%, color-mix(in oklab, var(--accent) 55%, transparent) 0%, transparent 70%), radial-gradient(80% 80% at 55% 45%, color-mix(in oklab, var(--accent) 30%, transparent) 0%, transparent 72%);transform:rotate(var(--rrot)) scale(.4);opacity:.45;pointer-events:none;border-radius:60% 60% 65% 65%/65% 65% 45% 45%;animation:.6s cubic-bezier(.2,.8,.2,1) forwards nav-ripple;position:absolute}@keyframes nav-ripple{0%{transform:rotate(var(--rrot)) scale(.4);opacity:.5}70%{transform:rotate(var(--rrot)) scale(1.05);opacity:.25}to{transform:rotate(var(--rrot)) scale(1.2);opacity:0}}.theme-toggle{border:1px solid var(--border);background:var(--card);width:44px;height:40px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:0;margin:.5rem .25rem;padding:0;display:inline-flex;position:relative;overflow:hidden}.theme-toggle:hover{outline:2px solid color-mix(in oklab, var(--accent) 40%, transparent)}.theme-toggle .icon{font-size:16px;line-height:1;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .26s;position:absolute}.theme-toggle.dark .icon.sun{opacity:0;transform:translateY(140%)}.theme-toggle.dark .icon.moon,.theme-toggle.light .icon.sun{opacity:1;transform:translateY(0%)}.theme-toggle.light .icon.moon{opacity:0;transform:translateY(-140%)}.theme-toggle:active .icon{transition-duration:.18s}@media (width<=768px){.navbar .container{padding-left:calc(1.5rem + env(safe-area-inset-left));padding-right:calc(1.5rem + env(safe-area-inset-right))}.nav-links,.hamburger-menu{display:none}.mobile-drawer-backdrop{opacity:1;z-index:9997;background:oklab(0% none none/.55);position:fixed;inset:0}.mobile-drawer{width:min(84vw,360px);box-shadow:none;z-index:9998;background:0 0;border-left:none;align-content:start;padding:1rem;animation:.22s cubic-bezier(.2,.8,.2,1) drawer-in;display:grid;position:fixed;top:0;bottom:0;right:0;transform:translate(0)}.drawer-panel{background:var(--card);border:1px solid var(--border);border-radius:14px;grid-template-rows:auto 1fr auto;gap:.75rem;padding:1rem;display:grid;box-shadow:0 10px 28px oklab(0% none none/.35)}@keyframes drawer-in{0%{opacity:.92;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.drawer-header{justify-content:space-between;align-items:center;display:flex}.drawer-title{font-weight:700}.drawer-close{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:8px;padding:.2rem .5rem}.drawer-links{gap:.75rem;padding:.5rem 0 1rem;display:grid}.drawer-links a{color:var(--text);border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:.8rem .9rem;text-decoration:none}.drawer-links a.active,.drawer-links a:hover{background:color-mix(in oklab, var(--accent) 18%, transparent)}.drawer-icons{gap:.75rem;display:flex}}.footer{border-top:1px solid var(--border);background:color-mix(in oklab, var(--bg) 86%, transparent)}.footer-content{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.socials{gap:1rem;display:flex}.socials a{color:var(--muted);text-decoration:none}.socials a:hover{color:var(--accent)}.not-found{text-align:center;padding:2rem}.not-found h2{margin-top:0}:root{--bg:#0f0f12;--text:#e8e8e8;--muted:#b6b6b6;--card:#16161a;--border:#232329;--accent:#0f8}html[data-theme=light]{--bg:#f6f7fb;--text:#1b1e23;--muted:#4b5563;--card:#fff;--border:#e5e7eb}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;transition:background-color .32s,color .32s}.container{max-width:1040px;margin:0 auto;padding:0 1rem}.app-container{grid-template-rows:auto 1fr auto;min-height:100%;display:grid}main.container{flex-direction:column;gap:10px;padding:1.5rem 0 2rem;display:flex}section{background:var(--card);border:1px solid var(--border);border-radius:12px;margin:0 .5rem;padding:1rem;transition:background-color .32s,border-color .32s,color .32s}@media (width<=768px){section{margin:0 .75rem}}@media (width<=480px){section{margin:0 1rem}}