:root{--bg-page:#050509;--bg-app:#08080e;--bg-card:#0f0e17;--on-purple-text:#0d0c12;--text-primary:#ece9f5;--text-secondary:#a8a2b8;--text-muted:#9a95ad;--text-muted-2:#8b8598;--text-muted-3:#6f6980;--text-on-dark:#c8c3d6;--purple-bright:#c084fc;--purple:#a855f7;--purple-deep:#7c3aed;--link-hover:#d8b4fe;--success:#4ade80;--border-faint:#a855f724;--border-soft:#a855f729;--border-mid:#a855f740;--border-strong:#a855f74d;--font-body:"Sora", system-ui, sans-serif;--font-display:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease:cubic-bezier(.2, .8, .2, 1);--section-x:56px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-app);font-family:var(--font-body);margin:0;overflow-x:clip}a{color:var(--purple-bright);text-decoration:none}a:hover{color:var(--link-hover)}img{max-width:100%;display:block}@keyframes floaty{0%{transform:translate(0)}50%{transform:translate(34px,-46px)}to{transform:translate(0)}}@keyframes driftX{0%,to{transform:translate(-30px)}50%{transform:translate(30px)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes blink{50%{opacity:0}}.app{background:var(--bg-app);max-width:1440px;color:var(--text-primary);font-family:var(--font-body);margin:0 auto}.eyebrow{font:500 13px/1 var(--font-mono);color:var(--purple);margin-bottom:14px}[data-reveal]{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(28px)}[data-reveal].is-visible{opacity:1;transform:none}.nav{z-index:50;border-bottom:1px solid var(--border-faint);-webkit-backdrop-filter:blur(14px);background:#08080ed1;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:sticky;top:0}.nav__container{max-width:1440px;padding:22px var(--section-x);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav__left{align-items:center;gap:16px;display:flex}.nav__brand{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.nav__brand:hover{color:var(--text-primary)}.nav__brand:hover .nav__logo{box-shadow:0 0 28px #a855f7cc}.nav__logo{background:linear-gradient(135deg, var(--purple-bright), var(--purple-deep));width:36px;height:36px;font:700 15px/1 var(--font-display);color:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #a855f799}.nav__name{font:600 15px/1 var(--font-display);letter-spacing:.2px}.lang{font:600 12px/1 var(--font-mono);border-left:1px solid #a855f733;align-items:center;gap:7px;padding-left:14px;display:flex}.lang__btn{cursor:pointer;color:var(--text-muted-3);font:inherit;background:0 0;border:0;padding:0}.lang__btn.is-active{color:var(--purple-bright)}.lang__sep{color:#3f3b4a}.nav__links{font:500 14px/1 var(--font-body);align-items:center;gap:32px;display:flex}.nav__link{color:var(--text-on-dark)}.nav__link:hover{color:var(--purple-bright)}.nav__toggle{display:none}.btn-pill{background:var(--purple);color:#fff;transition:background .25s var(--ease), box-shadow .25s var(--ease);border-radius:9px;padding:10px 18px;font-weight:600;box-shadow:0 0 24px #a855f773}.btn-pill:hover{background:var(--purple-bright);color:#fff;box-shadow:0 0 34px #c084fc99}.hero{background:radial-gradient(120% 120% at 80% 0,#7c3aed47,#0000 55%),radial-gradient(90% 90% at 10% 100%,#a855f724,#0000 60%);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:60px 0 80px;position:relative;overflow:hidden}.hero__container{max-width:1440px;padding:0 var(--section-x);margin:0 auto}.hero__grid{background-image:linear-gradient(#a855f70f 1px,#0000 1px),linear-gradient(90deg,#a855f70f 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;mask-image:radial-gradient(80% 80% at 50% 30%,#000,#0000)}.orb{position:absolute}.orb--1{will-change:transform;top:-40px;right:120px}.orb--2{bottom:-60px;left:60px}.orb__inner{border-radius:50%}.orb--1 .orb__inner{filter:blur(30px);background:radial-gradient(circle,#a855f78c,#0000 70%);width:280px;height:280px}.orb--2 .orb__inner{filter:blur(34px);background:radial-gradient(circle,#7c3aed73,#0000 70%);width:220px;height:220px;animation:10s ease-in-out infinite driftX}.hero__content{max-width:920px;position:relative}.badge{font:500 13px/1 var(--font-mono);color:var(--purple-bright);border:1px solid var(--border-strong);background:#a855f70f;border-radius:999px;align-items:center;gap:9px;margin-bottom:28px;padding:8px 14px;display:inline-flex}.badge__dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 10px var(--success);border-radius:50%}.badge__caret{background:var(--purple-bright);width:9px;height:16px;animation:1.1s step-end infinite blink;display:inline-block}.hero__title{font:700 80px/1.03 var(--font-display);letter-spacing:-2.5px;margin:0 0 22px}.text-gradient{background:linear-gradient(120deg, var(--purple-bright), var(--purple), var(--purple-deep));color:#0000;background-clip:text}.hero__sub{font:400 20px/1.6 var(--font-body);color:var(--text-secondary);max-width:660px;margin:0 0 38px}.hero__ctas{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-primary{background:var(--purple);color:var(--on-purple-text);font:600 15px/1 var(--font-body);transition:background .25s var(--ease), box-shadow .25s var(--ease);border-radius:11px;padding:15px 26px;box-shadow:0 0 30px #a855f780}.btn-primary:hover{background:var(--purple-bright);color:var(--on-purple-text);box-shadow:0 0 44px #c084fca6}.btn-secondary{border:1px solid var(--border-strong);color:var(--text-primary);font:600 15px/1 var(--font-body);transition:border-color .25s var(--ease), background .25s var(--ease);border-radius:11px;padding:15px 26px}.btn-secondary:hover{border-color:var(--purple-bright);color:var(--text-primary);background:#a855f714}.stats{flex-wrap:wrap;gap:52px;margin-top:64px;display:flex}.stat__num{font:700 38px/1 var(--font-display);color:var(--purple-bright)}.stat__label{font:400 14px/1.4 var(--font-body);color:var(--text-muted-2);white-space:pre-line;margin-top:6px}.marquee{border-top:1px solid var(--border-faint);border-bottom:1px solid var(--border-faint);background:#a855f708;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:20px 0;overflow:hidden}.marquee__track{width:max-content;animation:26s linear infinite marquee;display:flex}.marquee__group{gap:44px;padding-right:44px;display:flex}.marquee__item{font:600 22px/1 var(--font-display);color:var(--text-muted-3);white-space:nowrap}.marquee__item span{color:var(--purple)}.about{padding:96px var(--section-x);text-align:center;grid-template-columns:1fr;place-items:center;gap:64px;max-width:860px;margin-inline:auto;display:grid}.about__h2{font:700 44px/1.08 var(--font-display);letter-spacing:-1.2px;margin:0 0 24px}.about__p{font:400 17px/1.7 var(--font-body);color:var(--text-secondary);margin:0 0 18px}.about__p:last-child{margin:0}.portrait{aspect-ratio:4/5;border:1px solid var(--border-mid);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 0 50px #a855f72e}.portrait__bg{background:repeating-linear-gradient(135deg,#14131f 0 14px,#1a1826 14px 28px);position:absolute;inset:0}.portrait__label{font:500 13px/1 var(--font-mono);color:var(--text-muted-3);letter-spacing:1px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.section{padding:0 var(--section-x) 96px}.section--work{padding-top:20px}.section__head{margin-bottom:44px}.section__head--row{justify-content:space-between;align-items:end;gap:24px;display:flex}.section__h2{font:700 46px/1.05 var(--font-display);letter-spacing:-1.4px;margin:0}.section__count{font:400 15px/1 var(--font-body);color:var(--text-muted-2);white-space:nowrap}.work-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px 20px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{cursor:pointer;font:500 13px/1 var(--font-mono);color:var(--text-muted);border:1px solid var(--border-soft);transition:color .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);background:0 0;border-radius:999px;padding:8px 14px}.filter-btn:hover{color:var(--text-primary);border-color:var(--purple-bright)}.filter-btn.is-active{color:#fff;border-color:var(--purple);background:#a855f724}.projects{grid-template-columns:1fr 1fr;gap:24px;display:grid}.card{border:1px solid var(--border-soft);background:var(--bg-card);color:inherit;transition:border-color .3s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease);border-radius:16px;display:block;overflow:hidden}.card[hidden]{display:none}.card:hover{border-color:#c084fc80;transform:translateY(-6px);box-shadow:0 20px 50px #7c3aed38}.card:hover .card__thumb img{transform:scale(1.04)}.card__thumb{aspect-ratio:16/9;position:relative;overflow:hidden}.card__thumb-bg{background:repeating-linear-gradient(135deg,#14131f 0 12px,#191825 12px 24px);position:absolute;inset:0}.card__thumb img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s var(--ease);position:absolute;inset:0}.card__num{font:600 12px/1 var(--font-mono);color:var(--purple-bright);border:1px solid var(--border-mid);z-index:2;background:#0d0c12b3;border-radius:6px;padding:5px 10px;position:absolute;top:14px;left:14px}.card__shot{font:500 12px/1 var(--font-mono);color:var(--text-muted-3);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card__body{padding:24px}.card__title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.card__title{font:600 22px/1.1 var(--font-display);margin:0}.card__tag{font:500 12px/1 var(--font-mono);color:var(--purple);white-space:nowrap}.card__desc{font:400 14.5px/1.6 var(--font-body);color:var(--text-muted);margin:0 0 16px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:500 12px/1 var(--font-mono);color:var(--text-on-dark);border:1px solid var(--border-soft);background:#a855f71a;border-radius:7px;padding:6px 10px}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:48px;display:flex}.pagination[hidden]{display:none}.pagination__btn{cursor:pointer;user-select:none;border:1px solid var(--border-strong);width:44px;height:44px;color:var(--text-primary);font:600 18px/1 var(--font-display);transition:border-color .25s var(--ease), background .25s var(--ease);background:0 0;border-radius:11px;justify-content:center;align-items:center;display:flex}.pagination__btn:hover{border-color:var(--purple-bright);background:#a855f714}.pagination__label{font:500 14px/1 var(--font-mono);color:var(--purple-bright);letter-spacing:1px}.skills-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.skill-card{border:1px solid var(--border-soft);background:var(--bg-card);transition:border-color .3s var(--ease);border-radius:14px;padding:24px}.skill-card:hover{border-color:#c084fc66}.skill-card__title{font:600 16px/1 var(--font-display);color:var(--purple-bright);margin-bottom:16px}.skill-card__list{flex-direction:column;gap:11px;display:flex}.skill-card__item{font:400 15px/1.2 var(--font-body);color:var(--text-on-dark);align-items:center;gap:9px;display:flex}.skill-card__item:before{content:"";background:var(--purple);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #a855f7b3}.timeline{padding-left:36px;position:relative}.timeline__rail{background:linear-gradient(var(--purple), #a855f71a);width:2px;position:absolute;top:6px;bottom:6px;left:7px}.timeline__items{flex-direction:column;gap:34px;display:flex}.exp{position:relative}.exp__node{background:var(--on-purple-text);border:2px solid var(--purple);border-radius:50%;width:16px;height:16px;position:absolute;top:4px;left:-36px;box-shadow:0 0 14px #a855f799}.exp__head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:6px;display:flex}.exp__role{font:600 20px/1.2 var(--font-display);margin:0}.exp__company{color:var(--purple-bright)}.exp__period{font:500 13px/1 var(--font-mono);color:var(--text-muted-2);white-space:nowrap}.exp__desc{font:400 15px/1.6 var(--font-body);color:var(--text-muted);max-width:820px;margin:0}.contact{text-align:center;border-top:1px solid var(--border-faint);background:radial-gradient(90% 140% at 50% 0,#7c3aed4d,#0000 60%);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:104px 0;position:relative;overflow:hidden}.contact__orb{filter:blur(40px);background:radial-gradient(circle,#a855f747,#0000 68%);border-radius:50%;width:420px;height:420px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.contact__container{max-width:1440px;padding:0 var(--section-x);margin:0 auto}.contact__inner{position:relative}.contact__eyebrow{font:500 13px/1 var(--font-mono);color:var(--purple-bright);margin-bottom:20px}.contact__h2{font:700 60px/1.05 var(--font-display);letter-spacing:-2px;max-width:760px;margin:0 auto 22px}.contact__sub{font:400 18px/1.6 var(--font-body);color:var(--text-secondary);max-width:520px;margin:0 auto 36px}.contact__cta{background:var(--purple);color:var(--on-purple-text);font:600 16px/1 var(--font-body);transition:background .25s var(--ease), box-shadow .25s var(--ease);border-radius:12px;padding:17px 34px;display:inline-block;box-shadow:0 0 40px #a855f78c}.contact__cta:hover{background:var(--purple-bright);color:var(--on-purple-text);box-shadow:0 0 56px #c084fcb3}.socials{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:34px;display:flex}.social{border:1px solid var(--border-mid);color:var(--text-on-dark);font:500 14px/1 var(--font-body);transition:border-color .25s var(--ease), color .25s var(--ease), background .25s var(--ease);border-radius:11px;align-items:center;gap:9px;padding:11px 18px;display:flex}.social:hover{border-color:var(--purple-bright);color:var(--purple-bright);background:#a855f714}.footer{padding:28px var(--section-x);font:400 13px/1 var(--font-mono);color:var(--text-muted-3);border-top:1px solid #a855f71a;justify-content:space-between;gap:16px;display:flex}@media (width<=1024px){:root{--section-x:40px}.hero__title{letter-spacing:-2px;font-size:64px}.skills-grid{grid-template-columns:repeat(2,1fr)}.contact__h2{font-size:48px}}@media (width<=768px){:root{--section-x:24px}.nav__container{padding:18px var(--section-x)}.nav__links{-webkit-backdrop-filter:blur(14px);border-left:1px solid var(--border-faint);width:min(80vw,320px);transition:transform .35s var(--ease);z-index:60;background:#08080ef7;flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;padding:40px;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.nav__links.is-open{transform:translate(0)}.nav__toggle{cursor:pointer;z-index:70;background:0 0;border:0;flex-direction:column;gap:5px;padding:8px;display:flex}.nav__toggle span{background:var(--text-primary);width:24px;height:2px;transition:transform .3s var(--ease), opacity .3s var(--ease)}.nav__toggle.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.nav__toggle.is-open span:nth-child(2){opacity:0}.nav__toggle.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{padding:72px 0 80px}.hero__title{letter-spacing:-1.4px;font-size:44px}.hero__sub{font-size:17px}.stats{gap:28px;margin-top:44px}.stat__num{font-size:30px}.about{padding:72px var(--section-x);grid-template-columns:1fr;gap:40px}.about__h2{font-size:32px}.section__h2{font-size:34px}.section__head--row{flex-direction:column;align-items:flex-start;gap:16px}.work-controls{justify-content:flex-start;width:100%}.projects,.skills-grid{grid-template-columns:1fr}.contact__h2{font-size:36px}.contact{padding:80px 0}.footer{text-align:center;flex-direction:column;align-items:center;gap:10px}.exp__head{flex-direction:column;gap:2px}}@media (width<=420px){.hero__title{font-size:36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}