:root{--bg:#f6f4ff;--bg-2:#efebff;--surface:#fff;--ink:#0f1226;--ink-2:#4a4d68;--ink-3:#8a8da6;--line:#e4e0f6;--violet:#7c3aed;--pink:#db2777;--grad:linear-gradient(120deg, #7c3aed 0%, #db2777 100%);--shadow:0 10px 30px -12px #4c1d9540;--font-head:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:min(1120px,100% - 48px);margin-inline:auto}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink-3);text-transform:uppercase;align-items:center;gap:12px;font-size:12px;display:flex}.eyebrow b{color:var(--violet);font-weight:500}.eyebrow i{background:var(--violet);width:56px;height:1px;display:block}.h2{font-family:var(--font-head);letter-spacing:-.03em;margin-top:14px;font-size:clamp(34px,5vw,56px);font-weight:700;line-height:1.05}.lead{color:var(--ink-2);max-width:640px;margin-top:18px;font-size:17px;line-height:1.7}section.sec{padding:120px 0;position:relative}.btn{border-radius:999px;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:600;transition:transform .25s,box-shadow .25s;display:inline-flex}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 28px -10px #7c3aed99}.btn-ghost{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.btn:hover{transform:translateY(-2px)}.chip{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:5px 12px;font-size:12px;display:inline-block}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px}.nav{z-index:50;padding:18px 0;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f6f4ffcc}.nav .container{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-head);font-size:22px;font-weight:700}.nav ul{color:var(--ink-2);gap:28px;font-size:14px;display:flex}.nav ul a{padding:4px 0;position:relative}.nav ul a:after{content:"";background:var(--grad);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav ul a:hover:after{width:100%}.progress{background:var(--grad);transform-origin:0;z-index:60;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.hero{place-items:center;min-height:100vh;padding:120px 0 80px;display:grid;position:relative;overflow:hidden}.blob{filter:blur(70px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.blob.a{background:#c4b5fd;width:460px;height:460px;top:-80px;left:-100px}.blob.b{background:#fbcfe8;width:420px;height:420px;bottom:-60px;right:-80px}.blob.c{background:#bfdbfe;width:260px;height:260px;top:40%;left:55%}.hero-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.6;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 70%);mask-image:radial-gradient(#000 20%,#0000 70%)}.avail{font-family:var(--font-mono);color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:inline-flex}.avail .dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #22c55e99}@keyframes pulse{70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.hero h1{font-family:var(--font-head);letter-spacing:-.04em;margin:28px 0 24px;font-size:clamp(48px,9vw,112px);font-weight:700;line-height:.98}.hero h1 .ch{will-change:transform;display:inline-block}.hero p.sub{color:var(--ink-2);max-width:620px;font-size:clamp(17px,2vw,21px);line-height:1.6}.hero .cta{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.roles{flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.scroll-hint{font-family:var(--font-mono);letter-spacing:.2em;color:var(--ink-3);flex-direction:column;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-hint i{background:linear-gradient(var(--violet), transparent);transform-origin:top;width:1px;height:44px;animation:1.8s infinite drip;display:block}@keyframes drip{0%{transform:scaleY(0)}60%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.hero-float{width:280px;height:300px;display:none;position:absolute;top:30%;right:6%}@media (width>=1000px){.hero-float{display:block}}.fcard{font-family:var(--font-mono);padding:12px 16px;font-size:12px;position:absolute}.about-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:48px;margin-top:48px;display:grid}.terminal{color:#d7d9f5;font-family:var(--font-mono);box-shadow:var(--shadow);background:#12142b;border-radius:16px;font-size:13px;overflow:hidden}.terminal .bar{background:#1b1e3b;gap:7px;padding:12px 16px;display:flex}.terminal .bar i{border-radius:50%;width:11px;height:11px;display:block}.terminal pre{white-space:pre-wrap;min-height:200px;padding:18px 20px;font-family:inherit;line-height:1.8}.terminal .k{color:#a78bfa}.terminal .s{color:#f9a8d4}.terminal .c{color:#6b6f95}.caret{vertical-align:-2px;background:#a78bfa;width:8px;height:15px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px;display:grid}.stat{padding:24px}.stat b{font-family:var(--font-head);letter-spacing:-.03em;font-size:44px;display:block}.stat span{color:var(--ink-3);font-size:13px}.ai-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.ai-card{padding:28px;transition:transform .3s;position:relative;overflow:hidden}.ai-card:before{content:"";background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%), #7c3aed1f, transparent 40%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.ai-card:hover:before{opacity:1}.ai-card:hover{transform:translateY(-4px)}.ai-card .ico{background:var(--grad);color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:18px;font-size:20px;display:grid}.ai-card h3{font-family:var(--font-head);letter-spacing:-.02em;font-size:20px}.ai-card p{color:var(--ink-2);margin:10px 0 16px;font-size:14.5px;line-height:1.65}.tags{flex-wrap:wrap;gap:7px;display:flex}.tabs{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.tab{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .25s}.tab.on{background:var(--grad);color:#fff;border-color:#0000}.skills{flex-wrap:wrap;gap:14px;min-height:120px;margin-top:28px;display:flex}.skill{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-size:15px;font-weight:500;display:flex}.skill .d{border-radius:50%;width:10px;height:10px}.lvl{font-family:var(--font-mono);border-radius:999px;padding:3px 10px;font-size:11px}.lvl.solid{color:#059669;background:#ecfdf5}.lvl.dev{color:#be185d;background:#fdf2f8}.ev-wrap{grid-template-columns:1fr 1.15fr;gap:32px;margin-top:44px;display:grid}.ev-tabs{flex-direction:column;gap:10px;display:flex}.ev-tab{text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:16px;padding:20px 22px;transition:all .3s}.ev-tab.on{box-shadow:var(--shadow);background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--grad) border-box;border:1.5px solid #0000}.ev-tab h4{font-family:var(--font-head);justify-content:space-between;font-size:20px;display:flex}.ev-tab small{color:var(--ink-3);font-family:var(--font-mono);font-size:12px}.ev-tab p{color:var(--ink-2);margin-top:6px;font-size:13.5px;line-height:1.5}.ev-panel{padding:28px}.ev-list{gap:12px;margin:18px 0;display:grid}.ev-list li{color:var(--ink-2);gap:12px;font-size:14.5px;line-height:1.55;display:flex}.ev-list li:before{content:"→";color:var(--violet);font-family:var(--font-mono)}.code{color:#d7d9f5;font-family:var(--font-mono);white-space:pre;background:#12142b;border-radius:14px;min-height:220px;padding:18px 20px;font-size:12.5px;line-height:1.75;overflow-x:auto}.ev-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.ev-links a{background:var(--bg-2);color:var(--violet);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500}.bar-row{align-items:center;gap:12px;margin-top:8px;font-size:13px;display:flex}.bar-row .tr{background:var(--bg-2);border-radius:6px;flex:1;height:6px;overflow:hidden}.bar-row .fl{background:var(--grad);transform-origin:0;height:100%}.proj-list{gap:28px;margin-top:56px;display:grid}.proj{grid-template-columns:1.4fr 1fr;gap:36px;padding:32px;display:grid}.proj .meta{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.05em;font-size:12px}.proj h3{font-family:var(--font-head);letter-spacing:-.03em;margin:6px 0 4px;font-size:28px}.proj .role{color:var(--violet);font-size:14px;font-weight:600}.proj p{color:var(--ink-2);margin:14px 0;font-size:15px;line-height:1.7}.pb{background:var(--bg);color:var(--ink-2);border-radius:12px;margin-top:10px;padding:14px 16px;font-size:13.5px;line-height:1.6}.pb b{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--violet);margin-bottom:4px;font-size:11px;display:block}.metrics{grid-template-columns:repeat(3,1fr);align-self:start;gap:12px;display:grid}.metric{background:var(--bg);text-align:center;border-radius:14px;padding:18px 14px}.metric b{font-family:var(--font-head);letter-spacing:-.02em;font-size:28px;display:block}.metric span{color:var(--ink-3);font-size:11.5px}.proj-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.proj-right{flex-direction:column;gap:22px;display:flex}.proj-shot{aspect-ratio:16/10;object-fit:cover;object-position:top left;border:1px solid var(--line);width:100%;height:auto;box-shadow:var(--shadow);background:var(--bg-2);border-radius:12px;display:block}.tl{margin-top:56px;padding-left:36px;position:relative}.tl-line{background:var(--line);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.tl-line i{background:var(--grad);transform-origin:top;width:100%;height:100%;display:block;transform:scaleY(0)}.tl-item{padding:0 0 36px;position:relative}.tl-item:before{content:"";background:var(--surface);border:3px solid var(--violet);border-radius:50%;width:16px;height:16px;position:absolute;top:6px;left:-36px}.tl-item .when{font-family:var(--font-mono);color:var(--violet);font-size:12.5px}.tl-item h4{font-family:var(--font-head);letter-spacing:-.02em;margin:4px 0;font-size:20px}.tl-item .co{color:var(--ink-2);font-size:14px;font-weight:500}.tl-item p{color:var(--ink-2);max-width:720px;margin:8px 0 12px;font-size:14.5px;line-height:1.65}.edu-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.edu{padding:26px}.edu h4{font-family:var(--font-head);letter-spacing:-.02em;margin:10px 0 6px;font-size:18px}.edu small{color:var(--ink-3);font-size:13px}.edu p{color:var(--ink-2);margin-top:10px;font-size:13.5px;line-height:1.6}.certs{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:28px;display:grid}.cert{text-align:center;padding:20px 16px}.cert b{font-family:var(--font-head);font-size:18px;display:block}.cert span{color:var(--ink-3);margin-top:4px;font-size:12px;display:block}.contact-box{color:#fff;background:linear-gradient(135deg,#1b1145,#3b1366);border:0;grid-template-columns:1fr 1fr;gap:48px;padding:48px;display:grid;position:relative;overflow:hidden}.contact-box .lead{color:#cfc8ee}.contact-box form{z-index:1;gap:14px;display:grid;position:relative}.contact-box label{font-family:var(--font-mono);letter-spacing:.15em;color:#b4aadf;font-size:11px}.contact-box input,.contact-box textarea{color:#fff;width:100%;font:inherit;background:#ffffff12;border:1px solid #ffffff2e;border-radius:12px;outline:none;margin-top:6px;padding:13px 16px}.contact-box input:focus,.contact-box textarea:focus{border-color:#c4b5fd}.footer{color:var(--ink-3);padding:36px 0 60px;font-size:14px}.footer .container{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.anny{z-index:40;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:999px;align-items:center;gap:12px;padding:12px 18px;font-size:14px;display:flex;position:fixed;bottom:24px;right:24px}.anny i{background:var(--grad);color:#fff;width:34px;height:34px;font-style:normal;font-weight:700;font-family:var(--font-head);border-radius:50%;place-items:center;display:grid}@media (width<=900px){.nav ul{display:none}.about-grid,.ev-wrap,.proj,.contact-box,.ai-grid,.edu-grid{grid-template-columns:1fr}.stats,.certs{grid-template-columns:repeat(2,1fr)}section.sec{padding:80px 0}.contact-box{padding:28px}.anny span{display:none}}@media (prefers-reduced-motion:reduce){.blob,.scroll-hint i,.avail .dot{animation:none}}