:root{--bg: #fafafa;--bg-alt: #f2f1f7;--surface: #ffffff;--text: #16151d;--muted: #5d5b6b;--border: #e4e2ee;--accent: #6d4aff;--accent-soft: #6d4aff14;--accent-text: #5634e6;--shadow: 0 1px 2px #0000000a, 0 8px 24px #1a10500d;--radius: 16px;--header-h: 64px;--gutter: clamp(16px, 4vw, 32px);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0e0d13;--bg-alt: #14131b;--surface: #1a1922;--text: #ecebf3;--muted: #a09eb0;--border: #2a2834;--accent: #8f74ff;--accent-soft: #8f74ff1f;--accent-text: #b3a3ff;--shadow: 0 1px 2px #0000004d, 0 8px 24px #00000040;color-scheme:dark}}:root[data-theme=dark]{--bg: #0e0d13;--bg-alt: #14131b;--surface: #1a1922;--text: #ecebf3;--muted: #a09eb0;--border: #2a2834;--accent: #8f74ff;--accent-soft: #8f74ff1f;--accent-text: #b3a3ff;--shadow: 0 1px 2px #0000004d, 0 8px 24px #00000040;color-scheme:dark}.only-dark{display:none}:root[data-theme=dark] .only-dark{display:block}:root[data-theme=dark] .only-light{display:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .only-dark{display:block}:root:not([data-theme=light]) .only-light{display:none}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.no-scroll{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.2;margin:0;letter-spacing:-.02em}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 var(--gutter)}.muted{color:var(--muted)}.header{position:sticky;top:0;z-index:50;height:var(--header-h);background:transparent;transition:background .2s,border-color .2s;border-bottom:1px solid transparent}.header.is-scrolled{background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--border)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:1.05rem;letter-spacing:-.02em;color:var(--text)}.logo-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:#fff;font-size:.85rem;font-weight:700;letter-spacing:0}.nav{display:flex;gap:28px}.nav a{color:var(--muted);font-size:.95rem;font-weight:500;transition:color .15s}.nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:8px}.pill-btn,.icon-btn{height:36px;min-width:36px;display:inline-grid;place-items:center;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.8rem;font-weight:600;padding:0 10px;transition:border-color .15s}.icon-btn{padding:0}.icon-btn svg{width:18px;height:18px}.pill-btn:hover,.icon-btn:hover{border-color:var(--accent)}.burger{display:none;width:36px;height:36px;border:0;background:none;position:relative}.burger span{position:absolute;left:8px;right:8px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,top .2s}.burger span:first-child{top:13px}.burger span:last-child{top:21px}.burger.is-open span:first-child{top:17px;transform:rotate(45deg)}.burger.is-open span:last-child{top:17px;transform:rotate(-45deg)}@media (max-width: 760px){.burger{display:block}.nav{position:fixed;top:var(--header-h);left:0;right:0;height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h));overflow-y:auto;flex-direction:column;gap:0;padding:16px clamp(16px,4vw,32px);background:var(--bg);border-top:1px solid var(--border);clip-path:inset(0 0 0 100%);visibility:hidden;transition:clip-path .25s ease,visibility .25s}.nav.is-open{clip-path:inset(0);visibility:visible}.nav a{padding:16px 0;font-size:1.25rem;color:var(--text);border-bottom:1px solid var(--border)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;font-weight:600;font-size:.95rem;transition:transform .15s,background .15s,border-color .15s}.btn svg{width:18px;height:18px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.btn-ghost{border:1px solid var(--border);background:var(--surface)}.btn-ghost:hover{border-color:var(--accent)}.btn-lg{height:52px;padding:0 28px;font-size:1rem;max-width:100%}.hero{padding:clamp(40px,9vw,112px) 0 clamp(56px,9vw,112px)}.hero-inner{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:clamp(32px,6vw,72px)}.eyebrow{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9rem;color:var(--accent-text);margin-bottom:8px}.hero h1{font-size:clamp(2.5rem,7vw,4.25rem);font-weight:700;letter-spacing:-.04em}.hero-role{font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:500;color:var(--muted);margin-top:8px}.hero-tagline{max-width:52ch;margin-top:20px;color:var(--muted);font-size:1.05rem}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 28px}.hero-photo{justify-self:end;position:relative}.hero-photo:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#ff7ab6);opacity:.25;filter:blur(28px);z-index:-1}.hero-photo img{width:min(320px,70vw);height:auto;aspect-ratio:1;object-fit:cover;object-position:center 30%;border-radius:50%;border:4px solid var(--surface);box-shadow:0 0 0 1px var(--border)}@media (max-width: 760px){.hero-inner{grid-template-columns:1fr}.hero-photo{order:-1;justify-self:start}.hero-photo img{width:128px}.hero-cta .btn{flex:1 1 200px}}.socials{display:flex;gap:8px}.socials a{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;color:var(--muted);border:1px solid var(--border);transition:color .15s,border-color .15s}.socials a:hover{color:var(--accent-text);border-color:var(--accent)}.socials svg{width:18px;height:18px}.section{padding:clamp(56px,9vw,96px) 0}.section-alt{background:var(--bg-alt)}.section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.section-sub{color:var(--muted);margin-top:8px}.section-title+*{margin-top:32px}.section-title+.section-sub{margin-top:8px}.section-sub+*{margin-top:32px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.about-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(24px,5vw,64px);align-items:start}.about-text{display:grid;gap:16px;font-size:1.05rem;color:var(--muted)}.stats{display:grid;gap:12px}.stats li{display:flex;align-items:baseline;gap:12px;padding:16px 20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.stats strong{font-size:1.5rem;color:var(--accent-text);min-width:3.2ch}.stats span{color:var(--muted);font-size:.95rem}@media (max-width: 900px){.about-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips li{font-size:.875rem;font-weight:500;padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text)}.chips-sm li{font-size:.78rem;padding:4px 10px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}.skill-card h3{font-size:1rem;margin-bottom:16px}.timeline{position:relative;display:grid;gap:40px;padding-left:28px}.timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--border)}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:-28px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--bg)}.timeline-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px 16px;flex-wrap:wrap}.timeline-head h3{font-size:1.15rem}.company{color:var(--text);font-weight:500;margin-top:2px}.company span{color:var(--muted);font-weight:400}.period{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8rem;color:var(--muted);white-space:nowrap;padding-top:4px}.bullets{margin:12px 0 14px;display:grid;gap:6px;color:var(--muted)}.bullets li{position:relative;padding-left:16px}.bullets li:before{content:"–";position:absolute;left:0;color:var(--accent-text)}.tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:24px}.tabs::-webkit-scrollbar{display:none}.tabs button{flex-shrink:0;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.9rem;font-weight:500;color:var(--muted)}.tabs button.is-active{background:var(--text);color:var(--bg);border-color:var(--text)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}.project-card{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent)}.project-thumb{aspect-ratio:16 / 9;background:var(--bg-alt);border-bottom:1px solid var(--border);overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}.project-card:hover .project-thumb img{transform:scale(1.03)}.project-thumb-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:#fff;background:linear-gradient(135deg,var(--accent),#ff7ab6)}.project-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.project-body h3{font-size:1.05rem}.project-body p{color:var(--muted);font-size:.95rem}.project-body .chips{margin-top:auto;padding-top:4px}.project-link{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--accent-text)}.carousel-dots{display:none}@media (max-width: 640px){.projects-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 8px;scroll-padding-inline:var(--gutter)}.projects-grid::-webkit-scrollbar{display:none}.project-card{flex:0 0 82%;scroll-snap-align:start}.project-card:hover{transform:none}.carousel-dots{display:flex;justify-content:center;gap:4px;margin-top:16px}.carousel-dots button{width:24px;height:24px;border:0;padding:0;background:none;display:grid;place-items:center}.carousel-dots button:after{content:"";width:8px;height:8px;border-radius:999px;background:var(--border);transition:width .2s,background .2s}.carousel-dots button.is-active:after{width:20px;background:var(--accent)}}.edu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.edu-card{display:grid;gap:6px}.edu-card h3{font-size:1.05rem}.edu-card .period{padding:0}.contact{background:var(--bg-alt);text-align:center}.contact-inner{display:flex;flex-direction:column;align-items:center}.contact .section-sub{max-width:48ch;margin-bottom:28px}.contact .btn-lg{word-break:break-all}.contact-location{margin-top:16px;font-size:.9rem}.footer{border-top:1px solid var(--border);padding:24px 0;font-size:.9rem;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}@media (max-width: 480px){.footer-inner{flex-direction:column-reverse;text-align:center}}