:root{--bg:#0a0b0d;--bg-2:#0d0e12;--surface:#ffffff08;--surface-2:#ffffff0d;--surface-hover:#ffffff12;--border:#ffffff14;--border-strong:#ffffff24;--pink:#fc72ff;--magenta:#ff007a;--purple:#9e4dff;--violet:#7a3ff0;--blue:#4c82fb;--text:#f5f6fc;--text-dim:#9b9eab;--text-faint:#6b6e7d;--text-soft:#c9cbd6;--glass-bg:#0d0e1299;--glass-bg-scrolled:#0d0e12d1;--glass-bg-strong:#0d0e12f0;--grid-line:#ffffff06;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--grad-brand:linear-gradient(120deg,#fc72ff 0%,#9e4dff 45%,#4c82fb 100%);--grad-pink:linear-gradient(120deg,#ff007a 0%,#fc72ff 100%);--grad-soft:linear-gradient(135deg,#fc72ff24,#4c82fb24);--glow-pink:0 0 40px #fc72ff59;--glow-blue:0 0 40px #4c82fb4d;--shadow-card:0 20px 50px -20px #000000b3;--radius:20px;--radius-sm:14px;--maxw:1120px;--ease:cubic-bezier(.22,1,.36,1);--font-sans:var(--font-inter,ui-sans-serif,system-ui,sans-serif);--font-mono:var(--font-fira,ui-monospace,monospace)}:root[data-theme=light]{--bg:#f4f5fa;--bg-2:#fff;--surface:#fff;--surface-2:#f0f1f7;--surface-hover:#e8eaf2;--border:#10121b17;--border-strong:#10121b2e;--text:#12131a;--text-dim:#565b6b;--text-faint:#8a8f9e;--text-soft:#3b4150;--glass-bg:#ffffffb8;--glass-bg-scrolled:#ffffffe6;--glass-bg-strong:#fffffff5;--grid-line:#10121b0b;--shadow-card:0 20px 50px -24px #10121b33;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] .bg-blob{mix-blend-mode:normal;opacity:.22}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .4s var(--ease),color .4s var(--ease);margin:0;line-height:1.6;overflow-x:hidden}::selection{color:#fff;background:#fc72ff47}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#ffffff1f;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#fc72ff66}.bg-layer{z-index:-2;pointer-events:none;background:radial-gradient(1200px 600px at 15% -10%,#fc72ff1a,transparent 60%),radial-gradient(1000px 700px at 90% 10%,#4c82fb1a,transparent 55%),radial-gradient(900px 800px at 50% 120%,#9e4dff1f,transparent 60%),var(--bg);position:fixed;inset:0;overflow:hidden}.bg-blob{filter:blur(90px);opacity:.5;mix-blend-mode:screen;will-change:transform;border-radius:50%;position:absolute}.bg-blob--1{width:42vw;height:42vw;animation:float1 22s var(--ease)infinite alternate;background:radial-gradient(circle,#fc72ff8c,#0000 70%);top:-8%;left:-6%}.bg-blob--2{width:38vw;height:38vw;animation:float2 26s var(--ease)infinite alternate;background:radial-gradient(circle,#4c82fb80,#0000 70%);top:20%;right:-8%}.bg-blob--3{width:34vw;height:34vw;animation:float3 30s var(--ease)infinite alternate;background:radial-gradient(circle,#9e4dff80,#0000 70%);bottom:-10%;left:30%}.bg-grid{background-image:linear-gradient(var(--grid-line)1px,transparent 1px),linear-gradient(90deg,var(--grid-line)1px,transparent 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 0,#000 30%,#0000 75%)}@keyframes float1{to{transform:translate(8vw,10vh)scale(1.15)}}@keyframes float2{to{transform:translate(-10vw,8vh)scale(1.1)}}@keyframes float3{to{transform:translate(6vw,-8vh)scale(1.2)}}.page{width:100%;min-height:100dvh;position:relative}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:96px 0;position:relative}.section--tight{padding:64px 0}.section-head{max-width:640px;margin-bottom:48px}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pink);border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 12px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:var(--pink);width:6px;height:6px;box-shadow:0 0 10px var(--pink);border-radius:50%}.section-title{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.1}.section-sub{color:var(--text-dim);margin:0;font-size:16px}.gradient-text{background:var(--grad-brand);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shine}@keyframes shine{to{background-position:200%}}.glass{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px)}.btn{--btn-bg:var(--surface-2);border:1px solid var(--border);background:var(--btn-bg);color:var(--text);cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease);will-change:transform;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn--primary{background:var(--grad-pink);color:#fff;background-size:160%;border:none;box-shadow:0 8px 24px -8px #fc72ff99}.btn--primary:hover{background-position:100%;box-shadow:0 14px 34px -8px #fc72ffbf}.btn--sm{padding:9px 16px;font-size:13px}.nav{z-index:100;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;top:16px;left:0;right:0}.nav__inner{pointer-events:auto;width:100%;max-width:var(--maxw);background:var(--glass-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-card);transition:border-color .3s var(--ease),background .3s var(--ease);border-radius:999px;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px 10px 18px;display:flex}.nav__inner.is-scrolled{background:var(--glass-bg-scrolled);border-color:var(--border-strong)}.nav__brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:800;display:flex}.brand-avatar{border:1px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden;box-shadow:0 0 0 2px #fc72ff59}.brand-avatar img{object-fit:cover;width:100%;height:100%;display:block}.nav__links{align-items:center;gap:4px;display:flex}.nav__link{color:var(--text-dim);transition:color .2s var(--ease),background .2s var(--ease);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;position:relative}.nav__link:hover,.nav__link.is-active{color:var(--text);background:var(--surface-2)}.nav__right{align-items:center;gap:8px;display:flex}.nav__right .icon-btn{border-radius:12px;width:40px;height:40px}.theme-toggle svg{transition:transform .4s var(--ease)}.theme-toggle:hover svg{transform:rotate(35deg)scale(1.05)}.nav__burger{border:1px solid var(--border);background:var(--surface-2);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:none}.nav__mobile{pointer-events:auto;background:var(--glass-bg-strong);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card);transform-origin:top;animation:dropIn .28s var(--ease);border-radius:22px;flex-direction:column;gap:4px;padding:12px;display:flex;position:absolute;top:72px;left:16px;right:16px}.nav__mobile .nav__link{padding:12px 16px;font-size:15px}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}}.hero{align-items:center;min-height:100dvh;padding-top:120px;padding-bottom:60px;display:flex}.hero__grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;width:100%;display:grid}.hero__badge{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-items:center;gap:10px;margin-bottom:26px;padding:7px 14px 7px 8px;font-size:13px;display:inline-flex}.hero__badge .dot{background:#35d07f;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 4px #35d07f26}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #35d07f26}50%{box-shadow:0 0 0 7px #35d07f00}}.hero__title{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(40px,7vw,74px);font-weight:800;line-height:1.02}.hero__title .hi{color:var(--text-dim);letter-spacing:0;margin-bottom:12px;font-size:clamp(16px,2vw,20px);font-weight:600;display:block}.hero__role{color:var(--text);margin:8px 0 6px;font-size:clamp(18px,2.4vw,26px);font-weight:700}.hero__role .accent{color:var(--pink)}.hero__type{font-family:var(--font-mono);color:var(--text-dim);min-height:30px;margin-bottom:26px;font-size:clamp(13px,1.6vw,16px);display:block}.hero__type .cursor{color:var(--pink)}.hero__desc{color:var(--text-dim);max-width:520px;margin:0 0 30px;font-size:16px}.hero__actions{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.hero__socials{gap:10px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text-dim);transition:transform .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);border-radius:13px;place-items:center;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-3px)}.hero__visual{justify-content:center;align-items:center;display:flex;position:relative}.avatar-wrap{aspect-ratio:1;width:min(360px,80%);position:relative}.avatar-ring{background:conic-gradient(from 0deg,var(--pink),var(--blue),var(--purple),var(--pink));filter:blur(2px);opacity:.85;z-index:0;border-radius:50%;animation:8s linear infinite spin;position:absolute;inset:-14px}.avatar-ring:after{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:12px}@keyframes spin{to{transform:rotate(360deg)}}.avatar-img{z-index:1;border:1px solid var(--border-strong);background:var(--bg-2);border-radius:50%;position:absolute;inset:0;overflow:hidden}.avatar-img img{object-fit:cover;width:100%;height:100%}.avatar-chip{z-index:2;background:var(--glass-bg-strong);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);animation:floatChip 5s var(--ease)infinite alternate;border-radius:14px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:flex;position:absolute}.avatar-chip .emoji{font-size:16px}.avatar-chip--1{top:6%;left:-8%}.avatar-chip--2{animation-delay:1.5s;bottom:12%;right:-10%}.avatar-chip--3{animation-delay:.8s;bottom:-4%;left:8%}@keyframes floatChip{to{transform:translateY(-12px)}}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);padding:24px 20px}.stat:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-4px)}.stat__value{letter-spacing:-.02em;background:var(--grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,4vw,40px);font-weight:800}.stat__label{color:var(--text-dim);margin-top:4px;font-size:14px}.about-grid{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:24px;display:grid}.about-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:34px}.about-card p{color:var(--text-soft);margin:0 0 18px;font-size:17px}.about-facts{flex-direction:column;gap:14px;display:flex}.fact{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:12px;padding:22px;display:flex}.fact__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:11px}.fact__value{font-size:15px;font-weight:600}.fact__value small{color:var(--text-dim);font-weight:400}.marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee__track{gap:40px;width:max-content;animation:32s linear infinite marquee;display:flex}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__item{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;align-items:center;gap:40px;font-size:18px;font-weight:500;display:flex}.marquee__item:after{content:"✦";color:var(--pink);opacity:.6}@keyframes marquee{to{transform:translate(-50%)}}.skills-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.skill-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:transform .3s var(--ease),border-color .3s var(--ease);padding:28px;position:relative;overflow:hidden}.skill-card:before{content:"";background:var(--grad-soft);opacity:0;transition:opacity .35s var(--ease);position:absolute;inset:0}.skill-card:hover{border-color:var(--border-strong);transform:translateY(-5px)}.skill-card:hover:before{opacity:1}.skill-card>*{position:relative}.skill-card__icon{color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.skill-card__icon--pink{background:linear-gradient(135deg,#ff007a,#fc72ff);box-shadow:0 10px 24px -10px #fc72ffb3}.skill-card__icon--purple{background:linear-gradient(135deg,#9e4dff,#7a3ff0);box-shadow:0 10px 24px -10px #9e4dffb3}.skill-card__icon--blue{background:linear-gradient(135deg,#4c82fb,#59d3ff);box-shadow:0 10px 24px -10px #4c82fbb3}.skill-card__icon--teal{background:linear-gradient(135deg,#00add8,#22d3b7);box-shadow:0 10px 24px -10px #22d3b7b3}.skill-card__title{margin:0 0 16px;font-size:19px;font-weight:700}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{color:var(--text-soft);background:var(--surface-2);border:1px solid var(--border);transition:transform .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);cursor:default;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:500}.pill:hover{color:#fff;background:#fc72ff1a;border-color:#fc72ff80;transform:translateY(-2px)}.timeline{flex-direction:column;gap:18px;padding-left:34px;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(180deg,var(--pink),var(--blue),transparent);width:2px;position:absolute;top:8px;bottom:8px;left:9px}.tl-item{position:relative}.tl-item:before{content:"";background:var(--bg);border:2px solid var(--pink);width:12px;height:12px;transition:transform .3s var(--ease),box-shadow .3s var(--ease);border-radius:50%;position:absolute;top:22px;left:-33px;box-shadow:0 0 0 4px #fc72ff1f}.tl-item:hover:before{transform:scale(1.25);box-shadow:0 0 0 6px #fc72ff2e}.tl-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);padding:22px 24px}.tl-card:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translate(4px)}.tl-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.tl-company{font-size:18px;font-weight:700}.tl-period{font-family:var(--font-mono);color:var(--text-dim);margin-left:auto;font-size:12px}.badge{border:1px solid var(--border);color:var(--text-dim);background:var(--surface-2);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.badge--live{color:#35d07f;background:#35d07f14;border-color:#35d07f59}.tl-points{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.tl-points li{color:var(--text-dim);padding-left:20px;font-size:14.5px;position:relative}.tl-points li:before{content:"";background:var(--pink);border-radius:2px;width:6px;height:6px;position:absolute;top:9px;left:2px;transform:rotate(45deg)}.projects-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.project-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:transform .3s var(--ease),border-color .3s var(--ease);flex-direction:column;padding:26px;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;background:radial-gradient(400px circle at var(--mx,50%)var(--my,50%),#fc72ff1f,transparent 42%);transition:opacity .35s var(--ease);pointer-events:none;position:absolute;inset:0}.project-card:hover{border-color:var(--border-strong);transform:translateY(-5px)}.project-card:hover:before{opacity:1}.project-card--featured{background:linear-gradient(135deg,#fc72ff0f,#4c82fb0d),var(--surface);grid-column:span 2}.project-card>*{position:relative}.project-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.project-cat{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pink);font-size:11px}.project-star{color:#ffd54a;background:#ffd54a14;border:1px solid #ffd54a4d;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.project-name{margin:0 0 10px;font-size:20px;font-weight:700}.project-desc{color:var(--text-dim);flex:1;margin:0 0 18px;font-size:14.5px}.project-tags{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.tag{color:var(--text-soft);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:500}.project-links{flex-wrap:wrap;gap:8px;display:flex}.project-link{color:var(--text);background:var(--surface-2);border:1px solid var(--border);transition:transform .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);border-radius:10px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex}.project-link:hover{color:#fff;background:#fc72ff1a;border-color:#fc72ff80;transform:translateY(-2px)}.project-link svg{transition:transform .2s var(--ease)}.project-link:hover svg{transform:translate(2px,-2px)}.os-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.os-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:transform .3s var(--ease),border-color .3s var(--ease);flex-direction:column;gap:14px;padding:28px;display:flex}.os-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.os-head{align-items:center;gap:12px;display:flex}.os-icon{background:var(--surface-2);border:1px solid var(--border);width:44px;height:44px;color:var(--text);border-radius:13px;place-items:center;display:grid}.os-name{font-size:17px;font-weight:700}.os-desc{color:var(--text-dim);flex:1;margin:0;font-size:14.5px}.posts-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.post-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:transform .3s var(--ease),border-color .3s var(--ease);flex-direction:column;gap:12px;padding:26px;display:flex}.post-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.post-title{margin:0;font-size:16px;font-weight:700;line-height:1.4}.post-content{color:var(--text-dim);flex:1;margin:0;font-size:14px}.contact-card{text-align:center;background:linear-gradient(135deg,#fc72ff1a,#4c82fb14),var(--surface);border:1px solid var(--border);border-radius:28px;padding:56px 40px;position:relative;overflow:hidden}.contact-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#fc72ff38,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-250px;left:50%;transform:translate(-50%)}.contact-card>*{position:relative}.contact-title{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(28px,4vw,42px);font-weight:800}.contact-sub{color:var(--text-dim);max-width:480px;margin:0 auto 28px;font-size:16px}.contact-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:26px;display:flex}.contact-socials{justify-content:center;gap:10px;display:flex}.footer{border-top:1px solid var(--border);margin-top:40px;padding:32px 0}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer__brand{align-items:center;gap:10px;font-weight:700;display:flex}.footer__meta{color:var(--text-faint);font-size:13px}.reveal{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}@media (max-width:960px){.hero__grid{grid-template-columns:1fr;gap:40px}.hero__visual{order:-1}.avatar-wrap{width:min(280px,70%)}.about-grid,.skills-grid,.projects-grid,.os-grid,.posts-grid{grid-template-columns:1fr}.project-card--featured{grid-column:span 1}.stats{grid-template-columns:repeat(2,1fr)}.nav__links{display:none}.nav__burger{display:flex}.nav__desktop-cta{display:none}}@media (max-width:520px){.section{padding:72px 0}.container{padding:0 18px}.about-card,.contact-card{padding:28px 22px}.avatar-chip--1{left:0}.avatar-chip--2{right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}