:root,[data-theme=dark]{--bg:#0a0a0b;--bg-2:#111113;--surface:#151518;--surface-2:#1c1c20;--border:#26262c;--text:#f4f4f5;--text-muted:#a1a1aa;--accent:#ef233c;--accent-2:#ff4d5e;--accent-deep:#b8001f;--accent-soft:#ef233c1f;--glow:#ef233c59;--shadow:0 20px 50px -20px #000000b3;--nav-bg:#0a0a0bb8;--avatar-bg-1:#2a0c12;--avatar-bg-2:#0d0d0f;--sil:#050506;--sil-2:#19191d;--lid-1:#1f1f24;--lid-2:#0c0c0e;--desk-top:#1d1d22;--desk-front:#101013;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#faf7f5;--bg-2:#f3eeeb;--surface:#fff;--surface-2:#fbf6f4;--border:#ebe2de;--text:#17171a;--text-muted:#5f5f68;--accent:#d90429;--accent-2:#ef233c;--accent-deep:#a1001d;--accent-soft:#d9042914;--glow:#d9042938;--shadow:0 20px 45px -25px #78141e47;--nav-bg:#faf7f5c7;--avatar-bg-1:#ffe3e6;--avatar-bg-2:#fbf1ee;--sil:#18181b;--sil-2:#2e2e34;--lid-1:#3a3a41;--lid-2:#1d1d21;--desk-top:#34343b;--desk-front:#222227;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.65;transition:background .35s,color .35s;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;margin:0;font-family:Space Grotesk,Inter,sans-serif;line-height:1.15}p{margin:0 0 1rem}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:#fff}.container{width:min(1140px,100% - 2.5rem);margin-inline:auto}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.accent{color:var(--accent)}.muted{color:var(--text-muted)}.small{font-size:.85rem}.gradient-text{background:linear-gradient(120deg, var(--accent-2), var(--accent) 45%, var(--accent-deep));color:#0000;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.55rem;padding:.85rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .25s,background .25s,border-color .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--accent-2), var(--accent-deep));color:#fff;box-shadow:0 10px 30px -10px var(--glow)}.btn-primary:hover{box-shadow:0 14px 38px -8px var(--glow)}.btn-ghost{border-color:var(--border);background:var(--surface);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.icon-btn{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:12px;place-items:center;font-size:1.1rem;transition:all .25s;display:inline-grid}.icon-btn:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 8px 22px -10px var(--glow);transform:translateY(-2px)}.chip{background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .7rem;font-size:.75rem;display:inline-flex}.tags{flex-wrap:wrap;gap:.45rem;display:flex}.tag{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:.28rem .65rem;font-family:JetBrains Mono,monospace;font-size:.72rem}.link{color:var(--text);align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;transition:color .2s;display:inline-flex}.link:hover{color:var(--accent)}.pulse{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #22c55e99}@keyframes pulse{70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:1.6rem;transition:border-color .3s,transform .3s,background .35s}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.visible{opacity:1;transform:none}.navbar{z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.navbar.scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(14px)saturate(160%);border-color:var(--border)}.nav-inner{justify-content:space-between;align-items:center;gap:1rem;height:72px;display:flex}.logo{align-items:center;gap:.65rem;font-family:Space Grotesk,sans-serif;font-weight:700;display:flex}.logo-mark{background:linear-gradient(135deg, var(--accent-2), var(--accent-deep));color:#fff;width:38px;height:38px;box-shadow:0 8px 22px -8px var(--glow);border-radius:11px;place-items:center;font-size:.95rem;display:grid}.logo-text{font-size:1.05rem}.nav-links{gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text-muted);border-radius:10px;padding:.5rem .85rem;font-size:.92rem;font-weight:500;transition:color .2s,background .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.nav-actions{gap:.5rem;display:flex}.menu-btn{display:none}.hero{align-items:center;min-height:100svh;padding:110px 0 80px;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.glow{filter:blur(90px);opacity:.55;border-radius:50%;position:absolute}.glow-1{background:var(--accent);opacity:.28;width:520px;height:520px;animation:14s ease-in-out infinite alternate drift;top:-180px;right:-120px}.glow-2{background:var(--accent-deep);opacity:.22;width:380px;height:380px;animation:18s ease-in-out infinite alternate-reverse drift;bottom:-160px;left:-120px}[data-theme=light] .glow-1{opacity:.16}[data-theme=light] .glow-2{opacity:.1}@keyframes drift{to{transform:translate(-60px,50px)scale(1.1)}}.grid-lines{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.5;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 60% 40%,#000 10%,#0000 70%);mask-image:radial-gradient(at 60% 40%,#000 10%,#0000 70%)}.hero-inner{grid-template-columns:1.25fr 1fr;align-items:center;gap:3rem;display:grid;position:relative}.badge{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;align-items:center;gap:.6rem;margin-bottom:1.6rem;padding:.45rem .95rem;font-size:.85rem;animation:.7s both fadeUp;display:inline-flex}.hero h1{font-size:clamp(2.5rem,6vw,4.4rem);font-weight:700;animation:.7s .1s both fadeUp}.hero-role{min-height:1.8em;margin:1.2rem 0 1rem;font-size:clamp(1.05rem,2vw,1.3rem);animation:.7s .2s both fadeUp}.caret{vertical-align:text-bottom;background:var(--accent);width:10px;height:1.15em;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero-desc{color:var(--text-muted);max-width:34rem;font-size:1.1rem;animation:.7s .3s both fadeUp}.hero-cta{flex-wrap:wrap;gap:.8rem;margin:2rem 0 2.2rem;animation:.7s .4s both fadeUp;display:flex}.hero-meta{align-items:center;gap:.7rem;animation:.7s .5s both fadeUp;display:flex}.location{align-items:center;gap:.35rem;margin-left:.5rem;font-size:.92rem;display:inline-flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}}.hero-visual{place-items:center;animation:.9s .3s both fadeUp;display:grid;position:relative}.photo-frame{aspect-ratio:1;width:min(340px,75vw);position:relative}.photo-ring{background:conic-gradient(from 0deg, var(--accent), transparent 30%, var(--accent-deep) 55%, transparent 80%, var(--accent));border-radius:50%;animation:8s linear infinite spin;position:absolute;inset:-10px}.photo-ring:after{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:4px}@keyframes spin{to{transform:rotate(360deg)}}.dev-avatar{border:6px solid var(--surface);--p:0;border-radius:50%;width:100%;height:100%;display:block;position:relative}.av-person{transform-box:view-box;transform-origin:200px 330px;transform:translateY(calc(var(--p) * -40px)) scale(calc(1 - var(--p) * .6));will-change:transform}.av-face-lit{opacity:calc(1 - var(--p) * .85)}.av-glow{opacity:calc(1 - var(--p) * .4)}.av-steam path{animation:2.4s ease-in-out infinite steam}.av-steam path+path{animation-delay:-1.2s}@keyframes steam{50%{opacity:.3;transform:translateY(-4px)}}.av-glyphs{animation:6s ease-in-out infinite glyphs}.av-lines{animation:8s ease-in-out -3s infinite reverse glyphs}@keyframes glyphs{50%{opacity:.6;transform:translateY(-8px)}}.av-led,.av-logo{animation:2.6s ease-in-out infinite led}@keyframes led{50%{opacity:.45}}.float-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;animation:5s ease-in-out infinite float;display:flex;position:absolute}.fc-dot{background:var(--accent);border-radius:3px;width:9px;height:9px}.fc-1{top:8%;left:-2%}.fc-2{animation-delay:-2.5s;bottom:18%;right:-4%}.code-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:.8rem 1rem;font-size:.75rem;line-height:1.6;animation:6s ease-in-out -1s infinite float;position:absolute;top:-4%;right:-4%}.kw{color:var(--accent)}.str{color:#f59e0b}.num{color:#a78bfa}@keyframes float{50%{transform:translateY(-12px)}}.scroll-hint{border:2px solid var(--border);border-radius:999px;width:26px;height:42px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-hint span{background:var(--accent);border-radius:4px;width:4px;height:8px;animation:1.8s infinite scrollDot;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes scrollDot{80%{opacity:0;transform:translate(-50%,14px)}to{opacity:0}}.section{padding:110px 0;position:relative}.section-title{margin-bottom:3rem}.eyebrow{color:var(--text-muted);text-transform:lowercase;margin-bottom:.7rem;font-size:.85rem;display:block}.section-title h2{max-width:22ch;font-size:clamp(1.9rem,4vw,2.8rem)}.section-title h2:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);border-radius:4px;width:64px;height:4px;margin-top:1.1rem;display:block}.about-grid{grid-template-columns:1.5fr 1fr;gap:2.5rem;display:grid}.about-text p{color:var(--text-muted);font-size:1.05rem}.stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:.25rem;padding:1.1rem;display:flex}.stat strong{font-family:Space Grotesk,sans-serif;font-size:2rem;line-height:1}.stat span{color:var(--text-muted);font-size:.8rem;line-height:1.35}.about-side{flex-direction:column;gap:1.2rem;display:flex}.card-head{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.8rem;font-weight:600;display:flex}.about-side h3{margin-bottom:.3rem;font-size:1.2rem}.lang+.lang{margin-top:1rem}.lang-row{justify-content:space-between;margin-bottom:.4rem;font-weight:500;display:flex}.bar{background:var(--surface-2);border-radius:6px;height:6px;overflow:hidden}.bar span{background:linear-gradient(90deg, var(--accent-deep), var(--accent-2));border-radius:6px;height:100%;display:block}.timeline{margin:0;padding:0 0 0 2.8rem;list-style:none;position:relative}.timeline:before{content:"";background:linear-gradient(var(--accent), var(--border) 60%);width:2px;position:absolute;top:8px;bottom:8px;left:19px}.timeline-item{position:relative}.timeline-item+.timeline-item{margin-top:1.6rem}.timeline-dot{background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--text-muted);border-radius:12px;place-items:center;display:grid;position:absolute;top:1.4rem;left:-2.8rem}.timeline-item.current .timeline-dot{background:linear-gradient(135deg, var(--accent-2), var(--accent-deep));color:#fff;box-shadow:0 0 0 6px var(--accent-soft);border-color:#0000}.job{margin-left:.8rem}.job:hover,.project:hover,.skill-card:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.job-head{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1rem;display:flex}.job-head h3{font-size:1.3rem}.job-company{margin:.25rem 0 0;font-weight:600}.job-meta{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.job-meta .small{align-items:center;gap:.3rem;display:inline-flex}.job-points{margin:0 0 1.2rem;padding:0;list-style:none}.job-points li{color:var(--text-muted);margin-bottom:.55rem;padding-left:1.4rem;position:relative}.job-points li:before{content:"▹";color:var(--accent);position:absolute;left:0}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.3rem;display:grid}.project{flex-direction:column;gap:.35rem;display:flex;position:relative;overflow:hidden}.project:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-deep));transform-origin:0;height:3px;transition:transform .4s;position:absolute;inset:0 0 auto;transform:scaleX(0)}.project:hover{transform:translateY(-6px)}.project:hover:before{transform:scaleX(1)}.project.featured{background:radial-gradient(circle at 100% 0%, var(--accent-soft), transparent 55%), var(--surface);grid-column:span 2}.project-top{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.project-icon{color:var(--accent);font-size:1.8rem}.project h3{font-size:1.35rem}.project-sub{color:var(--accent);margin-bottom:.6rem;font-size:.78rem}.project .muted{flex:1;font-size:.95rem}.project-links{border-top:1px dashed var(--border);flex-wrap:wrap;gap:1.2rem;margin-top:1.1rem;padding-top:1rem;display:flex}.repos{margin-top:-40px;padding-bottom:20px}.repos-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.repos-head h3{align-items:center;gap:.55rem;font-size:1.15rem;display:flex}.repos-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.repo{border:1px solid var(--border);background:var(--bg-2);border-radius:16px;flex-direction:column;gap:.4rem;min-height:118px;padding:1.1rem 1.2rem;transition:border-color .25s,transform .25s;display:flex}a.repo:hover{border-color:var(--accent);transform:translateY(-3px)}.repo-name{color:var(--text);font-size:.92rem;font-weight:500}.repo-desc{flex:1;font-size:.85rem;line-height:1.45}.repo-meta{gap:1rem;display:flex}.repo-meta span{align-items:center;gap:.35rem;display:inline-flex}.repo-meta i{border-radius:50%;width:10px;height:10px}.skeleton{background:linear-gradient(90deg, var(--bg-2), var(--surface-2), var(--bg-2));background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.skills-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid}.skill-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:1rem;font-size:1.35rem;display:grid}.skill-card h3{margin-bottom:.9rem;font-size:1.1rem}.skill-card ul{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.skill-card li{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:.35rem .75rem;font-size:.85rem;transition:all .2s}.skill-card li:hover{border-color:var(--accent);color:var(--accent)}.marquee{border-block:1px solid var(--border);background:var(--bg-2);margin-top:4.5rem;padding:1.1rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{gap:2rem;width:max-content;animation:35s linear infinite marquee;display:flex}.marquee-track span{white-space:nowrap;color:var(--text-muted);font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600}.marquee-track b{color:var(--accent);vertical-align:middle;margin-left:2rem;font-size:1rem}@keyframes marquee{to{transform:translate(-50%)}}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2.5rem;display:grid}.lead{color:var(--text-muted);font-size:1.1rem}.email-big{cursor:pointer;color:var(--text);border:0;border-bottom:2px solid var(--accent);word-break:break-all;text-align:left;background:0 0;align-items:center;gap:.8rem;margin:.5rem 0;padding:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.1rem,2.6vw,1.6rem);font-weight:600;transition:color .2s;display:inline-flex}.email-big:hover{color:var(--accent)}.email-big svg{flex-shrink:0;font-size:1.1rem}.channels{grid-template-columns:1fr 1fr;gap:.8rem;margin-top:2rem;display:grid}.channel{border:1px solid var(--border);background:var(--surface);word-break:break-word;border-radius:14px;align-items:center;gap:.8rem;min-width:0;padding:.9rem;font-size:.88rem;line-height:1.35;transition:border-color .25s,transform .25s;display:flex}.channel:hover{border-color:var(--accent);transform:translateY(-2px)}.channel-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.contact-form{flex-direction:column;gap:1.1rem;display:flex}.contact-form label{flex-direction:column;gap:.45rem;font-size:.88rem;font-weight:500;display:flex}.contact-form input,.contact-form textarea{font:inherit;border:1px solid var(--border);background:var(--bg-2);color:var(--text);resize:vertical;border-radius:12px;padding:.85rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.contact-form .btn{align-self:flex-start}.footer{border-top:1px solid var(--border);padding:1.6rem 0}.footer-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width<=980px){.hero-inner,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{order:-1;margin-bottom:1rem}.photo-frame{width:min(260px,64vw)}.projects-grid,.repos-grid,.skills-grid,.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.menu-btn{display:inline-grid}.nav-links{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:16px;flex-direction:column;padding:.6rem;transition:opacity .25s,transform .25s;position:absolute;top:72px;left:1rem;right:1rem;transform:translateY(-10px)}.nav-links.open{opacity:1;pointer-events:auto;transform:none}.nav-links a{padding:.8rem 1rem;display:block}.nav-links a.active{background:var(--accent-soft);color:var(--accent)}.nav-links a.active:after{display:none}}@media (width<=640px){.section{padding:80px 0}.projects-grid,.repos-grid,.skills-grid,.channels{grid-template-columns:1fr}.project.featured{grid-column:auto}.timeline{padding-left:0}.timeline:before,.timeline-dot{display:none}.job{margin-left:0}.job-meta{align-items:flex-start}.float-card{padding:.45rem .75rem;font-size:.75rem}.fc-1{left:-6%}.fc-2{right:-6%}.code-card,.logo-text,.scroll-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}