:root[data-theme=dark]{--bg: #0a0a0f;--bg-elev: #101018;--bg-soft: #14141f;--line: rgba(241, 240, 245, .08);--line-strong: rgba(241, 240, 245, .16);--text: #f1f0f5;--text-dim: #9a97a8;--text-faint: #5c5968;--accent: #7c3aed;--accent-2: #a855f7;--accent-ink: #ffffff;--shadow-accent: 0 24px 60px -18px rgba(124, 58, 237, .55);--grid-dot: rgba(241, 240, 245, .06)}:root[data-theme=light]{--bg: #fafafa;--bg-elev: #ffffff;--bg-soft: #f2f1f5;--line: rgba(26, 26, 46, .1);--line-strong: rgba(26, 26, 46, .22);--text: #1a1a2e;--text-dim: #5c5968;--text-faint: #9a97a8;--accent: #6d28d9;--accent-2: #7c3aed;--accent-ink: #ffffff;--shadow-accent: 0 24px 60px -18px rgba(109, 40, 217, .35);--grid-dot: rgba(26, 26, 46, .06)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .4s ease,color .4s ease;overflow-x:hidden}body.no-cursor,body.no-cursor *{cursor:none!important}@media(pointer:coarse){body.no-cursor,body.no-cursor *{cursor:auto!important}}a{color:inherit;text-decoration:none}button{font-family:inherit;border:0;background:none;color:inherit;cursor:pointer}img,svg{display:block;max-width:100%}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3,h4{font-family:Syne,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.05;color:var(--text)}h1{font-size:clamp(2.5rem,7vw,4rem);letter-spacing:-.035em}h2{font-size:clamp(1.75rem,4.2vw,2.5rem)}h3{font-size:1.5rem}p{max-width:62ch}.mono{font-family:JetBrains Mono,monospace}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity .2s ease,width .2s ease,height .2s ease,background .2s ease;will-change:transform}.cursor-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.cursor-ring{width:28px;height:28px;border:1px solid var(--accent);border-radius:50%;opacity:.55}body.hovering .cursor-dot{width:10px;height:10px;background:var(--accent-2)}body.hovering .cursor-ring{width:48px;height:48px;opacity:.9;border-color:var(--accent-2)}@media(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 32px}@media(max-width:640px){.wrap{padding:0 20px}}section{padding:120px 0;position:relative}@media(max-width:640px){section{padding:80px 0}}.section-label{display:inline-flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em;margin-bottom:20px}.section-label:before{content:"";width:28px;height:1px;background:var(--accent)}.section-title{margin-bottom:56px;max-width:18ch}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;transition:background .3s ease,border-color .3s ease,padding .3s ease,backdrop-filter .3s ease;border-bottom:1px solid transparent}.nav.scrolled{background:color-mix(in oklab,var(--bg) 72%,transparent);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom-color:var(--line);padding:14px 0}.nav-inner{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px;font-family:Syne,sans-serif;font-weight:700;letter-spacing:-.01em;font-size:18px}.brand .brand-logo{width:60px;height:60px;display:grid;place-items:center;color:var(--accent);transition:transform .3s ease}.brand:hover .brand-logo{transform:rotate(-8deg)}.brand .brand-logo svg{width:100%;height:100%}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:14px;color:var(--text-dim);transition:color .2s ease;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--accent);transition:width .25s ease}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{width:100%}.nav-tools{display:flex;align-items:center;gap:10px}.tool-btn{height:40px;min-width:40px;padding:0 10px;border:1px solid var(--line-strong);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;transition:border-color .2s ease,background .2s ease,transform .2s ease,color .2s ease}.tool-btn:hover{border-color:var(--accent);transform:translateY(-1px);color:var(--accent)}.tool-btn svg{width:16px;height:16px;stroke:currentColor}:root[data-theme=dark] .theme-toggle .sun-icon{display:block}:root[data-theme=dark] .theme-toggle .moon-icon{display:none}:root[data-theme=light] .theme-toggle .sun-icon{display:none}:root[data-theme=light] .theme-toggle .moon-icon{display:block}.lang-select-wrap{position:relative;height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;color:var(--text);transition:border-color .2s ease,transform .2s ease,color .2s ease}.lang-select-wrap:hover{border-color:var(--accent);transform:translateY(-1px);color:var(--accent)}.lang-select-wrap .lang-flag{font-size:15px;line-height:1}.lang-select-wrap .lang-label{letter-spacing:.02em}.lang-select-wrap .lang-chev{width:12px;height:12px;opacity:.7;transition:transform .2s ease}.lang-select-wrap:hover .lang-chev{transform:translateY(1px)}.lang-select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-family:inherit;border:0;background:transparent;color:transparent;appearance:none;-webkit-appearance:none}.lang-select option{color:#1a1a2e;background:#fff;font-family:DM Sans,sans-serif}@media(max-width:480px){.lang-select-wrap .lang-label{display:none}}.burger{display:none;width:40px;height:40px;border:1px solid var(--line-strong);border-radius:10px;place-items:center}.burger span{width:16px;height:1.5px;background:var(--text);display:block;position:relative}.burger span:before,.burger span:after{content:"";position:absolute;left:0;width:16px;height:1.5px;background:var(--text)}.burger span:before{top:-5px}.burger span:after{top:5px}@media(max-width:820px){.nav-links{display:none}.burger{display:grid}.nav-links.open{display:flex;position:absolute;top:72px;left:20px;right:20px;flex-direction:column;gap:0;padding:8px 0;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px}.nav-links.open a{padding:14px 20px;width:100%}.nav-links.open a:after{display:none}}.hero{min-height:100vh;padding-top:140px;padding-bottom:80px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--grid-dot) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 40%,transparent 100%);pointer-events:none;z-index:0}.hero-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:56px}}.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-dim);padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg-elev);margin-bottom:28px}.eyebrow .pulse{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b981b3;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.hero h1{margin-bottom:20px}.hero h1 .accent-2{color:var(--accent-2);font-style:italic;font-weight:600}.type-row{display:flex;align-items:center;gap:14px;font-family:JetBrains Mono,monospace;font-size:15px;color:var(--text-dim);margin-bottom:28px;min-height:28px;flex-wrap:wrap}.type-row .tag{color:var(--accent)}.type-row .typed{color:var(--text);font-weight:500}.type-row .caret{display:inline-block;width:2px;height:18px;background:var(--accent);margin-left:2px;animation:blink 1s steps(2,start) infinite;vertical-align:middle}@keyframes blink{to{visibility:hidden}}.hero p.bio{color:var(--text-dim);font-size:1.0625rem;max-width:52ch;margin-bottom:36px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}.btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:500;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;letter-spacing:-.005em}.btn-primary{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent)}.btn-primary:hover{transform:translateY(-2px);background:var(--accent-2);box-shadow:var(--shadow-accent)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line-strong)}.btn-ghost:hover{border-color:var(--text);transform:translateY(-2px)}.btn svg{width:14px;height:14px}.hero-meta{display:flex;align-items:center;gap:28px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-faint);flex-wrap:wrap}.hero-meta a{color:var(--text-dim);transition:color .2s ease}.hero-meta a:hover{color:var(--accent)}.hero-meta .dot{width:3px;height:3px;background:var(--text-faint);border-radius:50%}.avatar-card{position:relative;border:1px solid var(--line);background:var(--bg-elev);border-radius:24px;padding:24px;aspect-ratio:4/5;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.avatar-photo{flex:1;margin-bottom:20px;border-radius:16px;background:repeating-linear-gradient(135deg,var(--bg-soft) 0 14px,var(--bg) 14px 15px);position:relative;overflow:hidden}.avatar-meta{display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase}.avatar-meta .badge{padding:5px 10px;border:1px solid var(--accent);color:var(--accent);border-radius:999px;font-size:10px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:980px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.skills-grid{grid-template-columns:1fr}}.skill-group{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--bg-elev);transition:border-color .25s ease}.skill-group:hover{border-color:var(--line-strong)}.skill-group h3{font-family:Syne,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:20px;display:flex;align-items:center;gap:10px}.skill-group h3 .num{font-family:JetBrains Mono,monospace;color:var(--accent);font-size:12px;font-weight:500}.skill-items{display:flex;flex-direction:column;gap:4px}.skill{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:10px;transition:background .2s ease,transform .2s ease;color:inherit}.skill:hover{background:var(--bg-soft);transform:translate(4px)}.skill img{width:20px;height:20px;transition:transform .25s ease,filter .25s ease}:root[data-theme=dark] .skill img{filter:invert(92%) sepia(5%) saturate(200%) hue-rotate(220deg) brightness(100%)}:root[data-theme=light] .skill img{filter:invert(10%) sepia(8%) saturate(600%) hue-rotate(220deg) brightness(50%)}.skill:hover img{transform:scale(1.15) rotate(-4deg);filter:none}.skill-name{font-size:14px;font-weight:500;white-space:nowrap}.skill-level{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint)}.skill .ext{opacity:0;transition:opacity .2s ease;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:11px;margin-left:8px}.skill:hover .ext{opacity:1}.timeline{position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:1px;background:var(--line-strong)}.tl-item{position:relative;padding-bottom:48px}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:-35px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 0 4px var(--bg);transition:background .3s ease,transform .3s ease}.tl-item:hover:before{background:var(--accent);transform:scale(1.2)}.tl-head{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.tl-role{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700}.tl-company{color:var(--accent);font-weight:500;font-size:.95rem}.tl-body{color:var(--text-dim);margin-bottom:14px;max-width:64ch}.tl-bullets{list-style:none;display:flex;flex-direction:column;gap:8px}.tl-bullets li{position:relative;padding-left:18px;color:var(--text-dim);font-size:.95rem;max-width:64ch}.tl-bullets li:before{content:"";position:absolute;left:0;top:13px;width:8px;height:1px;background:var(--accent)}.tl-stack{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.chip{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);padding:4px 10px;border:1px solid var(--line);border-radius:999px;transition:border-color .2s ease,color .2s ease}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:960px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.projects-grid{grid-template-columns:1fr}}.project{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--bg-elev);border-radius:18px;padding:28px;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s ease,box-shadow .3s ease;min-height:240px;overflow:hidden;color:inherit}.project:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:var(--shadow-accent)}.project-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.project-kind{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.project-arrow{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--text-dim);transition:transform .25s ease,color .25s ease}.project:hover .project-arrow{transform:translate(3px,-3px);color:var(--accent)}.project-arrow svg{width:14px;height:14px}.project h3{font-family:Syne,sans-serif;font-size:1.375rem;margin-bottom:10px;letter-spacing:-.02em}.project-desc{color:var(--text-dim);font-size:.95rem;margin-bottom:22px;flex:1}.project-stack{display:flex;gap:6px;flex-wrap:wrap}.project-links{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.project-link{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);padding:5px 10px;border:1px solid var(--line);border-radius:999px;transition:border-color .2s ease,color .2s ease;display:inline-flex;align-items:center;gap:6px}.project-link:hover{border-color:var(--accent);color:var(--accent)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:900px){.blog-grid{grid-template-columns:1fr}}.article{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--bg-elev);transition:border-color .25s ease,transform .25s ease;min-height:260px;color:inherit}.article:hover{border-color:var(--line-strong);transform:translateY(-3px)}.article.placeholder{background:transparent;border-style:dashed;justify-content:center;align-items:flex-start;color:var(--text-faint);cursor:default}.article.placeholder:hover{transform:none;border-color:var(--line)}.article-meta{display:flex;align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-faint);margin-bottom:20px;letter-spacing:.04em}.article-tag{padding:4px 10px;color:var(--accent);border:1px solid var(--accent);border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.article h3{font-family:Syne,sans-serif;font-size:1.375rem;margin-bottom:14px;flex:1}.article-read{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-dim);display:inline-flex;align-items:center;gap:8px;transition:gap .25s ease,color .25s ease;margin-top:auto}.article:hover .article-read{gap:14px;color:var(--accent)}.newsletter-cta{margin-top:40px;padding:24px;border:1px dashed var(--line-strong);border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.newsletter-cta p{color:var(--text-dim);font-size:.95rem;margin:0}.newsletter-cta a.mono-link{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:13px;display:inline-flex;align-items:center;gap:8px;transition:gap .2s ease}.newsletter-cta a.mono-link:hover{gap:14px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}@media(max-width:820px){.contact-grid{grid-template-columns:1fr;gap:48px}}.contact-intro h2{margin-bottom:24px}.contact-intro h2 em{font-style:normal;color:var(--accent);font-family:Syne,sans-serif}.contact-intro p{color:var(--text-dim);margin-bottom:32px}.contact-links{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line)}.contact-link{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);font-family:Syne,sans-serif;font-size:1.125rem;font-weight:600;transition:color .2s ease,padding .2s ease}.contact-link:hover{color:var(--accent);padding-left:12px}.contact-link .arrow{transition:transform .25s ease}.contact-link:hover .arrow{transform:translate(4px,-4px)}.contact-form{display:flex;flex-direction:column;gap:18px}.field{position:relative;display:flex;flex-direction:column}.field label{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:8px}.field input,.field textarea{font-family:inherit;font-size:15px;padding:14px 0;background:transparent;border:0;border-bottom:1px solid var(--line-strong);color:var(--text);outline:none;transition:border-color .2s ease;resize:none}.field textarea{min-height:110px}.field input:focus,.field textarea:focus{border-bottom-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint)}.contact-form .btn-primary{align-self:flex-start;margin-top:8px}.form-hint{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-faint);margin-top:-4px}.form-status{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--accent);min-height:18px}footer{padding:40px 0;border-top:1px solid var(--line);color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:12px}.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:translateY(0)}.stagger>*{opacity:0;transform:translateY(20px);animation:stag .8s cubic-bezier(.2,.7,.2,1) forwards}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.15s}.stagger>*:nth-child(3){animation-delay:.3s}.stagger>*:nth-child(4){animation-delay:.45s}.stagger>*:nth-child(5){animation-delay:.6s}.stagger>*:nth-child(6){animation-delay:.75s}@keyframes stag{to{opacity:1;transform:translateY(0)}}.hero .avatar-card{opacity:0;transform:translateY(20px) scale(.98);animation:stag-card .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:.35s}@keyframes stag-card{to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}