.about-grid{grid-template-columns:380px 1fr;align-items:center;gap:64px;display:grid}.blob-photo{aspect-ratio:1;padding:14px;position:relative}.blob-photo .shape{background:linear-gradient(150deg, rgba(var(--violet-rgb), .25), rgba(var(--teal-rgb), .2));width:100%;height:100%;font-family:var(--font-mono);color:var(--muted);text-align:center;border:1px solid var(--glass-border);transition:var(--theme-transition);border-radius:42% 58% 63% 37%/41% 44% 56% 59%;justify-content:center;align-items:center;font-size:13px;animation:9s ease-in-out infinite morph;display:flex;overflow:hidden}@keyframes morph{0%,to{border-radius:42% 58% 63% 37%/41% 44% 56% 59%}50%{border-radius:58% 42% 39% 61%/58% 52% 48% 42%}}.about-copy .lead{font-family:var(--font-display);margin-bottom:22px;font-size:24px;font-weight:600}.about-copy p{color:var(--text);max-width:600px;margin-bottom:18px}.about-stats{flex-wrap:wrap;gap:44px;margin-top:32px;display:flex}.about-stats .stat b{font-family:var(--font-display);background:linear-gradient(120deg, var(--teal), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:32px;display:block}.about-stats .stat span{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}@media (width<=900px){.about-grid{grid-template-columns:1fr}}#contact{padding-bottom:80px}.contact-box{text-align:center;border-radius:32px;padding:90px 50px;position:relative;overflow:hidden}.contact-box:before{content:"";z-index:-1;background:radial-gradient(circle at 30% 30%, rgba(var(--teal-rgb), .25), transparent 55%), radial-gradient(circle at 70% 70%, rgba(var(--violet-rgb), .25), transparent 55%);transition:var(--theme-transition);animation:10s ease-in-out infinite floatOrb;position:absolute;inset:-40%}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,30px)scale(1.1)}}.contact-box h2{margin-bottom:20px;font-size:clamp(34px,5.5vw,58px)}.contact-box p{color:var(--muted);max-width:460px;margin:0 auto 40px}.contact-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}#site-footer{padding:20px 0 40px}.footer-inner{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.liquid-container{z-index:2;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.liquid-container canvas{width:100%;height:100%;display:block}.liquid-info{z-index:3;color:#fff6;font-size:12px;font-family:var(--font-mono);pointer-events:none;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=640px){.liquid-info{display:none}}#hero{align-items:center;min-height:100vh;padding-top:100px;display:flex}.badge{background:var(--glass);border:1px solid var(--glass-border);color:var(--muted);font-size:13px;font-family:var(--font-mono);border-radius:100px;align-items:center;gap:10px;margin-bottom:32px;padding:8px 16px;display:inline-flex}.badge .dot{background:var(--teal);width:7px;height:7px;box-shadow:0 0 8px var(--teal);border-radius:50%}.hero-title{max-width:900px;font-size:clamp(42px,7vw,84px);line-height:1.05}.hero-title .line{display:block;overflow:hidden}.hero-title .line span{animation:.9s cubic-bezier(.2,.8,.2,1) forwards revealLine;display:inline-block;transform:translateY(115%)}.hero-title .line:first-child span{animation-delay:.15s}.hero-title .line:nth-child(2) span{animation-delay:.3s}@keyframes revealLine{to{transform:translateY(0)}}.hero-sub{max-width:520px;color:var(--muted);margin-top:28px;font-size:17px}.hero-cta{flex-wrap:wrap;gap:18px;margin-top:44px;display:flex}.hero-orbs{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.orb{filter:blur(60px);opacity:.35;border-radius:50%;animation:14s ease-in-out infinite floatOrb;position:absolute}.orb1{background:var(--violet);width:280px;height:280px;top:8%;right:8%}.orb2{background:var(--teal);width:220px;height:220px;animation-delay:3s;bottom:12%;right:24%}.orb3{background:var(--coral);width:180px;height:180px;animation-delay:6s;top:40%;right:2%}#navbar{z-index:90;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);transition:var(--theme-transition);border-radius:100px;align-items:center;gap:4px;padding:8px;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%)}.nav-logo{font-family:var(--font-display);align-items:center;gap:8px;padding:8px 14px;font-size:15px;font-weight:700;display:flex}.pulse-dot{background:var(--teal);width:7px;height:7px;box-shadow:0 0 0 0 rgba(var(--teal-rgb), .7);border-radius:50%;animation:2s infinite pulseDot}@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(var(--teal-rgb), .6)}70%{box-shadow:0 0 0 8px rgba(var(--teal-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--teal-rgb), 0)}}.navlinks{display:flex;position:relative}.navlinks a{z-index:2;color:var(--muted);border-radius:100px;padding:10px 18px;font-size:13px;font-weight:500;transition:color .3s;position:relative}.navlinks a.active{color:var(--bg)}.nav-indicator{z-index:1;background:linear-gradient(120deg, var(--teal), var(--violet));border-radius:100px;height:100%;transition:left .4s cubic-bezier(.34,1.4,.64,1),width .4s cubic-bezier(.34,1.4,.64,1);position:absolute;top:0}@media (width<=860px){.navlinks{display:none}}#network-canvas{z-index:0;opacity:.55;width:100%;height:100%;position:fixed;inset:0}.bg-glow{z-index:0;pointer-events:none;transition:var(--theme-transition);background:radial-gradient(600px circle at 15% 20%, rgba(var(--violet-rgb), .16), transparent 60%), radial-gradient(700px circle at 85% 15%, rgba(var(--teal-rgb), .13), transparent 60%), radial-gradient(650px circle at 50% 90%, rgba(var(--coral-rgb), .12), transparent 60%);position:fixed;inset:0}#progress-bar{z-index:100;background:linear-gradient(90deg, var(--teal), var(--violet), var(--coral));width:0%;height:3px;position:fixed;top:0;left:0}#projects{padding:120px 0}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:60px;display:grid}.project-card{transform-style:preserve-3d;will-change:transform;border-radius:24px;flex-direction:column;transition:transform .25s,box-shadow .35s;display:flex;overflow:hidden}.project-card:hover{box-shadow:0 18px 45px rgba(var(--teal-rgb), .18), 0 0 0 1px var(--glass-border)}.project-image{aspect-ratio:16/10;background:radial-gradient(circle at 25% 25%, rgba(var(--teal-rgb), .35), transparent 60%), radial-gradient(circle at 80% 80%, rgba(var(--violet-rgb), .35), transparent 60%), linear-gradient(135deg, rgba(var(--teal-rgb), .18), rgba(var(--coral-rgb), .18), rgba(var(--violet-rgb), .18));border-radius:18px;justify-content:center;align-items:center;margin:18px;display:flex;position:relative;overflow:hidden}.project-image:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 45%);position:absolute;inset:0}.project-number{font-family:var(--font-display);color:#ffffff29;-webkit-user-select:none;user-select:none;font-size:clamp(64px,8vw,90px);font-weight:700;transform:translateZ(40px)}.project-content{padding:0 24px 24px}.project-content h3{margin-bottom:12px;font-size:26px}.project-content p{color:var(--muted);margin-bottom:22px;font-size:14.5px;line-height:1.7}.tag-row{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tag{background:rgba(var(--teal-rgb), .12);border:1px solid rgba(var(--teal-rgb), .25);color:var(--text);border-radius:999px;padding:8px 14px;font-size:12px;transition:all .3s}.tag:hover{background:rgba(var(--teal-rgb), .22);transform:translateY(-2px)}.proj-links{justify-content:space-between;gap:14px;margin-top:auto;display:flex}.proj-links a{background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.proj-links a:hover{background:rgba(var(--teal-rgb), .14);border-color:rgba(var(--teal-rgb), .35);transform:translateY(-3px)}.projects-toggle{justify-content:center;margin-top:55px;display:flex}.expand-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--teal), var(--violet), var(--coral));background-size:250% 250%;border:none;border-radius:999px;align-items:center;gap:12px;padding:16px 30px;font-size:15px;font-weight:700;transition:transform .3s,box-shadow .3s,background-position .6s;display:inline-flex;position:relative}.expand-btn:hover{box-shadow:0 15px 40px rgba(var(--teal-rgb), .35);background-position:100%;transform:translateY(-4px)}.expand-btn:active{transform:scale(.96)}.expand-icon{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.expand-btn.expanded .expand-icon{transform:rotate(180deg)}.expand-btn:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fff6,#0000);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (width<=1100px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){#projects{padding:90px 0}.projects-grid{grid-template-columns:1fr;gap:22px}.project-content{padding:0 20px 20px}.project-content h3{font-size:22px}.proj-links{flex-direction:column}.expand-btn{justify-content:center;width:100%}}.cluster-group{margin-bottom:44px}.cluster-label{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;font-size:12px}.cluster{flex-wrap:wrap;gap:14px;display:flex}.chip{background:var(--glass);border:1px solid var(--glass-border);border-radius:100px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;transition:border-color .3s,transform .3s;animation:5s ease-in-out infinite bob;display:inline-flex}.chip:hover{border-color:var(--teal);transform:translateY(-4px)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.timeline{padding-left:44px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--teal), var(--violet), var(--coral));border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:6px}.tl-item{padding-bottom:56px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--bg);border:2px solid var(--teal);width:14px;height:14px;box-shadow:0 0 14px rgba(var(--teal-rgb), .5);transition:var(--theme-transition);border-radius:50%;position:absolute;top:2px;left:-44px}.tl-date{font-family:var(--font-mono);color:var(--coral);text-transform:uppercase;margin-bottom:8px;font-size:12px}.tl-item h3{margin-bottom:8px;font-size:20px}.tl-item p{color:var(--muted);max-width:560px;font-size:15px}#theme-switcher{z-index:95;position:fixed;top:22px;right:24px}.theme-trigger{border:1px solid var(--glass-border);width:42px;height:42px;color:var(--text);cursor:pointer;transition:border-color .3s ease, transform .2s ease, var(--theme-transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-trigger:hover{border-color:var(--teal);transform:translateY(-2px)rotate(12deg)}.theme-panel{border-radius:16px;flex-direction:column;gap:2px;min-width:168px;padding:8px;animation:.18s cubic-bezier(.2,.8,.2,1) themePanelIn;display:flex;position:absolute;top:52px;right:0}@keyframes themePanelIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.theme-option{font-family:var(--font-body);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.theme-option:hover{background:var(--glass)}.theme-option.active{background:var(--glass);color:var(--teal)}.theme-swatch{border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;width:14px;height:14px}.swatch-dark{background:linear-gradient(135deg,#22d3aa,#8b5cf6)}.swatch-light{background:linear-gradient(135deg,#0e9d78,#7c3aed)}.swatch-ghibli{background:linear-gradient(135deg,#4f8b5b,#e0763f)}.swatch-cyberpunk{background:linear-gradient(135deg,#00f0ff,#ff2079)}.swatch-neon{background:linear-gradient(135deg,#39ff88,#cc2fff)}@media (width<=480px){#theme-switcher{top:14px;right:14px}}:root{--bg:#0b0b1f;--bg-2:#14142b;--text:#f5f3ff;--muted:#9c97c4;--teal:#22d3aa;--coral:#ff6b9d;--violet:#8b5cf6;--amber:#ffb84d;--teal-rgb:34, 211, 170;--coral-rgb:255, 107, 157;--violet-rgb:139, 92, 246;--amber-rgb:255, 184, 77;--glass:#ffffff0b;--glass-border:#ffffff17;--nav-bg:#14142b99;--font-display:"Clash Display", sans-serif;--font-body:"General Sans", "Inter", sans-serif;--font-mono:"Space Mono", monospace;--max-width:1180px;--section-padding:160px}@media (width<=768px){:root{--section-padding:100px}}:root{--theme-transition:background-color .5s ease, color .5s ease, border-color .5s ease}body,.glass,.chip,.btn,#navbar,.proj-list-item{transition:var(--theme-transition)}[data-theme=light]{--bg:#f7f7fb;--bg-2:#fff;--text:#17172b;--muted:#62628a;--teal:#0e9d78;--coral:#e0457f;--violet:#7c3aed;--amber:#c2760a;--teal-rgb:14, 157, 120;--coral-rgb:224, 69, 127;--violet-rgb:124, 58, 237;--amber-rgb:194, 118, 10;--glass:#17172b0b;--glass-border:#17172b1a;--nav-bg:#ffffffb3}[data-theme=dark]{--bg:#0b0b1f;--bg-2:#14142b;--text:#f5f3ff;--muted:#9c97c4;--teal:#22d3aa;--coral:#ff6b9d;--violet:#8b5cf6;--amber:#ffb84d;--teal-rgb:34, 211, 170;--coral-rgb:255, 107, 157;--violet-rgb:139, 92, 246;--amber-rgb:255, 184, 77;--glass:#ffffff0b;--glass-border:#ffffff17;--nav-bg:#14142b99}[data-theme=ghibli]{--bg:#efe4c8;--bg-2:#e5d5ac;--text:#3c3122;--muted:#7c6d51;--teal:#4f8b5b;--coral:#e0763f;--violet:#a9683f;--amber:#e8ab2e;--teal-rgb:79, 139, 91;--coral-rgb:224, 118, 63;--violet-rgb:169, 104, 63;--amber-rgb:232, 171, 46;--glass:#3c31220d;--glass-border:#3c312224;--nav-bg:#efe4c8bf}[data-theme=cyberpunk]{--bg:#0a0414;--bg-2:#150a29;--text:#f3ecff;--muted:#a892c9;--teal:#00f0ff;--coral:#ff2079;--violet:#b026ff;--amber:#f9e900;--teal-rgb:0, 240, 255;--coral-rgb:255, 32, 121;--violet-rgb:176, 38, 255;--amber-rgb:249, 233, 0;--glass:#ff20c80f;--glass-border:#b026ff47;--nav-bg:#150a29b3}[data-theme=neon]{--bg:#030304;--bg-2:#0d0d10;--text:#f5f5f7;--muted:#8f8f9a;--teal:#39ff88;--coral:#ff2d55;--violet:#cc2fff;--amber:#fff01f;--teal-rgb:57, 255, 136;--coral-rgb:255, 45, 85;--violet-rgb:204, 47, 255;--amber-rgb:255, 240, 31;--glass:#ffffff0d;--glass-border:#39ff8840;--nav-bg:#030304bf}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);transition:var(--theme-transition);font-weight:400;line-height:1.65;position:relative;overflow-x:hidden}::selection{background:var(--teal);color:var(--bg)}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}.mono{font-family:var(--font-mono)}.container{max-width:var(--max-width);margin:0 auto;padding:0 32px}section{padding:var(--section-padding) 0;z-index:2;position:relative}.glass{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:14px;font-size:12px;display:block}.sec-head{margin-bottom:64px}.sec-head h2{font-size:clamp(30px,4.5vw,48px)}.sec-head p{color:var(--muted);max-width:520px;margin-top:14px;font-size:16px}.gradient-text{background:linear-gradient(120deg, var(--teal), var(--violet) 50%, var(--coral));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(32px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:.1s}.reveal.delay-2{transition-delay:.2s}.reveal.delay-3{transition-delay:.3s}.btn{font-family:var(--font-body);will-change:transform;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:10px;padding:16px 28px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .3s,border-color .3s;display:inline-flex;position:relative}.btn.primary{background:linear-gradient(120deg, var(--teal), var(--violet));color:var(--bg)}.btn.primary:hover{box-shadow:0 8px 30px rgba(var(--teal-rgb), .35)}.btn.ghost{border:1px solid var(--glass-border);color:var(--text);background:var(--glass)}.btn.ghost:hover{border-color:var(--teal)}.tag{font-family:var(--font-mono);background:var(--glass);color:var(--teal);border-radius:100px;padding:6px 12px;font-size:11px}@media (width<=900px){.container{padding:0 20px}}