*,:before,:after{box-sizing:border-box;margin:0;padding:0}#root{z-index:1;position:relative}:root{--bg:#06060a;--bg2:#0d0d14;--bg3:#13131e;--border:#ffffff12;--bh:#ffffff21;--text:#f1f5f9;--muted:#64748b;--muted2:#94a3b8;--a1:#6366f1;--a2:#8b5cf6;--a3:#ec4899;--grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--ease:cubic-bezier(.645, .045, .355, 1);--fdisp:"Space Grotesk", sans-serif;--fbody:"Inter", sans-serif;--fmono:"Fira Code", monospace}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--fbody);cursor:none;line-height:1.6}.matrix-bg,.matrix-circuit,.matrix-sheen,.matrix-vignette{z-index:0;pointer-events:none;position:fixed;inset:0}.matrix-bg{opacity:.82;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#6366f11a 1px,#0000 1px),linear-gradient(90deg,#6366f11a 1px,#0000 1px);background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px;background-size:28px 28px,28px 28px,168px 168px,168px 168px}.matrix-circuit{opacity:.5;background-image:linear-gradient(115deg,#0000 0 18%,#6366f138 18.08% 18.2%,#0000 18.28% 100%),linear-gradient(115deg,#0000 0 62%,#10b98124 62.08% 62.18%,#0000 62.26% 100%),linear-gradient(25deg,#0000 0 36%,#ec48991f 36.08% 36.18%,#0000 36.26% 100%),linear-gradient(0deg,#0000 0 48%,#ffffff0e 48.05% 48.13%,#0000 48.2% 100%);background-position:-120px -80px,48vw -160px,-10vw 30vh,72vw 14vh;background-size:820px 820px,680px 680px,760px 760px,520px 520px}.matrix-circuit:before,.matrix-circuit:after{content:"";border:1px solid #6366f11f;position:absolute;transform:skew(-14deg)}.matrix-circuit:before{border-bottom-color:#10b9811a;border-left-color:#0000;width:34vw;height:34vh;top:18vh;left:-8vw}.matrix-circuit:after{border-top-color:#ec489917;border-right-color:#0000;width:40vw;height:42vh;top:8vh;right:-12vw}.matrix-sheen{opacity:.5;background:linear-gradient(112deg,#0000 0 18%,#6366f114 18% 31%,#0000 31% 100%),linear-gradient(112deg,#0000 0 66%,#10b9810e 66% 76%,#0000 76% 100%),linear-gradient(#ffffff09,#0000 18% 82%,#00000059);animation:18s ease-in-out infinite alternate bgSheen}@keyframes bgSheen{0%{opacity:.42;transform:translate(-1.5%)}to{opacity:.58;transform:translate(1.5%)}}.matrix-vignette{background:linear-gradient(90deg,#06060af0,#0000 18% 82%,#06060af0),linear-gradient(#06060a2e,#06060a61 42%,#06060af5 100%)}@media (hover:none),(pointer:coarse){body{cursor:auto}}@media (width<=960px){body{cursor:auto}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--a1);border-radius:2px}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 52px}section{padding:130px 0;position:relative}.g{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sec-head{align-items:center;gap:18px;margin-bottom:64px;display:flex}.sec-title{font-family:var(--fdisp);color:var(--text);letter-spacing:-.5px;font-size:2rem;font-weight:700}.sec-line{background:var(--border);flex:1;height:1px}.cursor-dot{background:var(--a1);pointer-events:none;z-index:10000;border-radius:2px;width:7px;height:7px;transition:width .2s,height .2s,background .2s,opacity .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)rotate(45deg)}@media (hover:none),(pointer:coarse),(width<=960px){.cursor-dot{display:none!important}}.cursor-dot.hov{background:var(--a3);opacity:.9;width:10px;height:10px}.navbar{z-index:1002;width:100%;transition:padding .3s var(--ease), background .3s, box-shadow .3s;justify-content:space-between;align-items:center;padding:26px 52px;display:flex;position:fixed;top:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border);background:#06060ae0;padding:14px 52px}@media (width<=960px){.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border);background:#06060aeb}}.nav-logo{font-family:var(--fdisp);background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.nav-links{gap:38px;list-style:none;display:flex}.nav-links a{font-family:var(--fmono);color:var(--muted);letter-spacing:.5px;font-size:.78rem;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--a1);width:0;height:1px;transition:width .25s var(--ease);position:absolute;bottom:-3px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-cta{font-family:var(--fmono);color:var(--a1);border:1px solid var(--a1);cursor:pointer;background:0 0;border-radius:4px;padding:9px 18px;font-size:.78rem;transition:background .2s,transform .2s}.nav-cta:hover{background:#6366f11a;transform:translateY(-2px)}#home{align-items:center;min-height:100vh;display:flex;overflow:hidden}.hero-inner{grid-template-columns:1fr 380px;align-items:center;gap:60px;width:100%;padding-top:80px;display:grid}.hero-over{font-family:var(--fmono);color:var(--a1);letter-spacing:3px;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:20px;font-size:.8rem;display:flex}.hero-over:before{content:"";background:var(--a1);width:28px;height:1px;display:inline-block}.hero-name{font-family:var(--fdisp);letter-spacing:-3px;color:var(--text);margin-bottom:28px;font-size:clamp(3.8rem,7.5vw,7rem);font-weight:800;line-height:.93}.hero-name .ln2{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-sub{color:var(--muted2);max-width:480px;margin-bottom:44px;font-size:1.02rem;line-height:1.85}.hero-sub strong{color:var(--text);font-weight:500}.hero-btns{gap:14px;margin-bottom:52px;display:flex}.btn-primary{font-family:var(--fmono);background:var(--grad);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:14px 30px;font-size:.82rem;transition:opacity .2s,transform .2s,box-shadow .2s;display:inline-block}.btn-primary:hover{opacity:.9;transform:translateY(-3px);box-shadow:0 16px 32px -8px #6366f166,0 0 20px #6366f126}.hero-btns .btn-primary{animation:3s ease-in-out infinite ctaGlow}@keyframes ctaGlow{0%,to{box-shadow:0 4px 16px -4px #6366f14d}50%{box-shadow:0 8px 28px -4px #6366f180,0 0 12px #8b5cf633}}.btn-ghost{font-family:var(--fmono);color:var(--muted2);border:1px solid var(--bh);cursor:pointer;background:0 0;border-radius:5px;padding:13px 30px;font-size:.82rem;transition:color .2s,border-color .2s,transform .2s;display:inline-block}.btn-ghost:hover{color:var(--text);border-color:#ffffff40;transform:translateY(-3px)}.hero-socials{gap:26px;display:flex}.hero-social{font-family:var(--fmono);color:var(--muted);align-items:center;gap:6px;font-size:.74rem;transition:color .2s;display:flex}.hero-social:hover{color:var(--a1)}.photo-outer{width:310px;height:370px;margin:0 auto;position:relative}.photo-outer img{z-index:2;object-fit:cover;object-position:top center;filter:contrast(1.05)saturate(.9);border-radius:12px;width:100%;height:100%;transition:filter .4s;display:block;position:relative}.photo-outer:hover img{filter:contrast(1.1)saturate(1.15)}.photo-ring{z-index:1;background:var(--grad);opacity:.45;transition:all .4s var(--ease);border-radius:12px;position:absolute;inset:20px -20px -20px 20px}.photo-outer:hover .photo-ring{opacity:.65;inset:10px -10px -10px 10px}.photo-tint{z-index:3;pointer-events:none;background:#6366f114;border-radius:12px;transition:opacity .4s;position:absolute;inset:0}.photo-outer:hover .photo-tint{opacity:0}.scroll-down{align-items:center;gap:10px;display:flex;position:absolute;bottom:36px;left:52px}.scroll-down span{font-family:var(--fmono);color:var(--muted);letter-spacing:2px;text-transform:uppercase;writing-mode:vertical-rl;font-size:.68rem;transform:rotate(180deg)}.scroll-bar{background:linear-gradient(to bottom, var(--a1), transparent);width:1px;height:56px;animation:2s ease-in-out infinite sbar}@keyframes sbar{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.5)}}.about-grid{grid-template-columns:3fr 2fr;align-items:start;gap:80px;display:grid}.about-text p{color:var(--muted2);margin-bottom:18px;font-size:1rem;line-height:1.9}.about-text p .hi{color:var(--a1)}.about-text p .hi2{color:var(--text);font-weight:500}.about-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{background:linear-gradient(135deg, #191928eb, #0c0c14f5), var(--bg2);text-align:left;transition:border-color .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease), background .35s;cursor:default;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff14;border-radius:14px;min-height:160px;padding:24px 20px}.stat:hover{border-color:#6366f173;transform:translateY(-6px);box-shadow:0 20px 40px -12px #6366f133,0 0 0 1px #6366f11a,inset 0 1px #ffffff0d}.stat-n{font-family:var(--fdisp);background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:10px 0 8px;font-size:1.12rem;font-weight:700;line-height:1.25;display:block}.stat-l{font-family:var(--fmono);color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:.68rem}.stat-copy{color:var(--muted2);margin:0;font-size:.82rem;line-height:1.65}#skills{background:var(--bg2)}.marquee-wrap{margin-bottom:56px;padding:22px 0;position:relative;overflow:hidden}.marquee-wrap:before,.marquee-wrap:after{content:"";z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.marquee-wrap:before{background:linear-gradient(to right, var(--bg2), transparent);left:0}.marquee-wrap:after{background:linear-gradient(to left, var(--bg2), transparent);right:0}.marquee-track{width:max-content;animation:28s linear infinite mscroll;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes mscroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.m-item{font-family:var(--fmono);color:var(--muted);white-space:nowrap;align-items:center;gap:10px;padding:0 26px;font-size:.8rem;transition:color .2s;display:flex}.m-item:hover{color:var(--text)}.m-dot{background:var(--a1);opacity:.5;border-radius:50%;flex-shrink:0;width:4px;height:4px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.skill-card{background:linear-gradient(135deg, #141420e6, #08080ef5), var(--bg);transition:all .35s var(--ease);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff12;border-radius:14px;padding:28px}.skill-card:hover{border-color:#6366f166;transform:translateY(-5px);box-shadow:0 24px 48px -14px #6366f126,inset 0 1px #ffffff0a}.sk-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;display:flex}.sk-mark{font-family:var(--fmono);color:var(--text);background:#6366f11f;border:1px solid #6366f140;border-radius:4px;padding:3px 6px;font-size:.62rem}.sk-label{font-family:var(--fmono);color:var(--a1);letter-spacing:.5px;font-size:.74rem}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:var(--fmono);color:var(--muted2);border:1px solid var(--border);cursor:default;background:#ffffff0a;border-radius:20px;padding:6px 14px;font-size:.74rem;transition:all .2s}.tag:hover{color:var(--a1);background:#6366f112;border-color:#6366f166;transform:translateY(-2px)}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:44px;display:flex}.fbtn{font-family:var(--fmono);color:var(--muted);border:1px solid var(--border);cursor:pointer;transition:all .2s var(--ease);background:0 0;border-radius:20px;padding:8px 20px;font-size:.76rem}.fbtn:hover,.fbtn.active{color:var(--a1);background:#6366f114;border-color:#6366f180}.proj-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.pcard{background:linear-gradient(145deg, #161624eb, #0a0a12f7), var(--bg2);transition:all .4s var(--ease);cursor:default;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff12;border-radius:16px;flex-direction:column;gap:14px;padding:30px 26px 24px;display:flex;position:relative;overflow:hidden}.pcard:after{content:"";background:var(--grad);opacity:0;z-index:0;border-radius:16px;transition:opacity .4s;position:absolute;inset:0}.pcard:hover{border-color:#6366f173;transform:translateY(-8px);box-shadow:0 32px 60px -16px #6366f140,0 0 0 1px #6366f114,inset 0 1px #ffffff0f}.pcard:hover:after{opacity:.05}.pcard>*{z-index:1;position:relative}.pcard-top{justify-content:space-between;align-items:flex-start;display:flex}.pcard-num{font-family:var(--fdisp);color:#ffffff14;font-size:1.4rem;font-weight:800;line-height:1}.pbadge{font-family:var(--fmono);white-space:nowrap;border:1px solid;border-radius:3px;padding:3px 9px;font-size:.65rem}.b-fs{color:#6366f1;background:#6366f114;border-color:#6366f199}.b-pcb{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b99}.b-ai{color:#ec4899;background:#ec489914;border-color:#ec489999}.b-fpga{color:#8b5cf6;background:#8b5cf614;border-color:#8b5cf699}.b-emb{color:#10b981;background:#10b98114;border-color:#10b98199}.pcard h3{font-family:var(--fdisp);color:var(--text);font-size:1rem;font-weight:700;line-height:1.3}.pcard>p{color:var(--muted);flex:1;font-size:.85rem;line-height:1.7}.ptechs{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.ptech{font-family:var(--fmono);color:var(--muted);font-size:.7rem}.ptech:before{content:"#";color:var(--a2);margin-right:1px}.pdocs{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.pdoc-link{font-family:var(--fmono);color:var(--text);transition:all .25s var(--ease);background:#6366f114;border:1px solid #6366f140;border-radius:999px;padding:6px 10px;font-size:.7rem;text-decoration:none}.pdoc-link:hover{background:#6366f124;border-color:#6366f18c;transform:translateY(-1px)}#education{background:var(--bg2)}.edu-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.edu-card{background:linear-gradient(145deg, #141420e6, #08080ef5), var(--bg);transition:all .35s var(--ease);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff0f;border-radius:16px;padding:30px;position:relative;overflow:hidden}.edu-card:before{content:"";background:var(--grad);transform-origin:0;height:2px;transition:transform .4s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.edu-card:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 20px 40px -12px #00000080}.edu-card:hover:before{transform:scaleX(1)}.edu-year{font-family:var(--fmono);color:var(--a1);margin-bottom:12px;font-size:.76rem}.edu-deg{font-family:var(--fdisp);color:var(--text);margin-bottom:6px;font-size:1.05rem;font-weight:700;line-height:1.3}.edu-sch{color:var(--muted2);margin-bottom:14px;font-size:.88rem}.edu-chip{font-family:var(--fmono);color:var(--muted);border:1px solid var(--border);background:#ffffff0a;border-radius:4px;padding:4px 12px;font-size:.7rem;display:inline-block}#activities{background:var(--bg)}.act-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.act-card{background:linear-gradient(145deg, #161624e0, #0a0a12f5), var(--bg2);transition:all .35s var(--ease);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff0f;border-radius:16px;padding:28px}.act-card:hover{border-color:#6366f166;transform:translateY(-5px);box-shadow:0 20px 40px -12px #6366f126,inset 0 1px #ffffff0a}.act-org{font-family:var(--fmono);color:var(--a1);letter-spacing:.5px;margin-bottom:10px;font-size:.72rem}.act-card h3{font-family:var(--fdisp);color:var(--text);margin-bottom:16px;font-size:1.05rem;font-weight:700}.act-list{list-style:none}.act-list li{color:var(--muted);border-bottom:1px solid var(--border);padding:6px 0 6px 16px;font-size:.84rem;line-height:1.55;position:relative}.act-list li:last-child{border-bottom:none}.act-list li:before{content:"▸";color:var(--a1);font-size:.72rem;position:absolute;top:8px;left:0}.cert-block{border-top:1px solid var(--border);align-items:center;gap:14px;margin-top:22px;padding-top:18px;display:flex}.cert-block-standalone{border-top:0;margin-top:0;padding-top:0}.cert-name{color:var(--text);margin-bottom:2px;font-size:.95rem;font-weight:600}.cert-by{color:var(--muted);font-size:.78rem}.cert-yr{font-family:var(--fmono);color:var(--a1);margin-top:3px;font-size:.72rem}.cert-link{font-family:var(--fmono);color:var(--a1);transition:all .25s var(--ease);border:1px solid #6366f159;border-radius:999px;margin-top:8px;padding:5px 10px;font-size:.72rem;text-decoration:none;display:inline-block}.cert-link:hover{background:#6366f114;border-color:#6366f199}.contact-inner{text-align:center;max-width:700px;margin:0 auto}.contact-tag{font-family:var(--fmono);color:var(--a1);letter-spacing:2px;text-transform:uppercase;margin-bottom:22px;font-size:.78rem}.contact-big{font-family:var(--fdisp);color:var(--text);letter-spacing:-1px;margin-bottom:18px;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.1}.contact-sub{color:var(--muted);margin-bottom:48px;font-size:1rem;line-height:1.75}.contact-email{font-family:var(--fdisp);background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #6366f159;margin-bottom:48px;padding-bottom:4px;font-size:clamp(1.1rem,2.2vw,1.7rem);font-weight:700;transition:border-color .2s;display:inline-block}.contact-email:hover{border-color:var(--a1)}.contact-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.clink{font-family:var(--fmono);color:var(--muted);border:1px solid var(--border);transition:all .25s var(--ease);border-radius:8px;align-items:center;gap:8px;padding:12px 22px;font-size:.8rem;display:flex}.clink:hover{color:var(--a1);background:#6366f112;border-color:#6366f180;transform:translateY(-3px);box-shadow:0 12px 28px -8px #6366f133}footer{text-align:center;font-family:var(--fmono);color:var(--muted2);z-index:2;background:linear-gradient(#0a0a10fa,#06060afc);border-top:1px solid #0000;padding:40px 30px;font-size:.78rem;position:relative}footer:before{content:"";background:linear-gradient(90deg,#0000,#6366f14d 30%,#8b5cf666 50%,#ec48994d 70%,#0000);width:min(60%,700px);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}footer a{color:#e5e7eb;font-weight:600;transition:color .2s}footer a:hover{color:var(--a1)}@media (width<=960px){.container{padding:0 28px}section{padding:80px 0}.navbar,.navbar.scrolled{padding:16px 24px}.hero-inner{text-align:center;grid-template-columns:1fr;gap:36px}.hero-over,.hero-btns,.hero-socials{justify-content:center}.hero-sub{max-width:100%;margin:0 auto 36px}.photo-outer{width:240px;height:286px;margin:0 auto}.hero-photo-wrap{order:-1}.about-grid{grid-template-columns:1fr;gap:40px}.edu-grid,.act-grid,.skills-grid{grid-template-columns:1fr}.proj-grid{grid-template-columns:1fr 1fr}.scroll-down{display:none}.sec-head{margin-bottom:40px}.page{padding-top:72px}.portfolio-section{padding:80px 0}.page-hero{padding:0 0 36px}.page-hero h1{letter-spacing:-1px}}@media (width<=600px){.container{padding:0 20px}section,.portfolio-section{padding:64px 0}.navbar,.navbar.scrolled{padding:14px 20px}.hero-name{letter-spacing:-2px;font-size:clamp(2.6rem,12vw,3.8rem)}.hero-over{letter-spacing:1.5px;font-size:.72rem}.hero-sub{font-size:.92rem}.hero-btns{flex-direction:column;align-items:center;gap:10px}.hero-btns .btn-primary,.hero-btns .btn-ghost{text-align:center;width:100%;max-width:280px}.hero-socials{flex-wrap:wrap;justify-content:center;gap:16px}.photo-outer{width:200px;height:240px}.proj-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr;gap:10px}.stat-n{font-size:1rem}.filter-row{gap:6px}.fbtn{padding:6px 14px;font-size:.7rem}.domains-grid{grid-template-columns:1fr 1fr;gap:12px}.domain-card{padding:20px 14px}.domain-index{margin-bottom:10px;font-size:1.45rem}.featured-row{grid-template-columns:1fr}.home-cta{text-align:center;flex-direction:column;margin-top:48px;padding:32px 20px}.home-cta-text h3{font-size:1.3rem}.home-cta-btns{flex-direction:column;width:100%}.home-cta-btns .btn-ghost,.home-cta-btns .btn-primary{text-align:center;width:100%}.about-page-grid{grid-template-columns:1fr;gap:32px}.about-text p{font-size:.92rem}.edu-card{padding:22px 18px}.act-grid{grid-template-columns:1fr}.act-card{padding:22px 18px}.act-list li{font-size:.8rem}.project-preview{aspect-ratio:4/3}.media-thumb{width:58px;height:44px}.contact-page{padding:24px 0 72px}.contact-page h1{letter-spacing:-1.5px;font-size:clamp(2rem,9vw,2.8rem)}.contact-email-big{word-break:break-all;margin-bottom:36px;font-size:clamp(1rem,5vw,1.4rem)}.contact-links{flex-direction:column;align-items:center;gap:10px}.clink{justify-content:center;width:100%;max-width:280px}.page-hero{padding:36px 0 28px}.page-hero h1{letter-spacing:-1px;font-size:clamp(2.2rem,10vw,3rem)}.page-hero p{font-size:.92rem}.sec-title{font-size:1.6rem}}.hamburger{border:1px solid var(--border);cursor:pointer;z-index:1001;background:#ffffff0f;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:10px 12px;display:none;position:relative}.hamburger span{background:var(--text);width:22px;height:2px;transition:transform .3s var(--ease), opacity .3s;transform-origin:50%;border-radius:2px;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=960px){.hamburger{display:flex}.nav-links{display:none}}.mobile-menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1000;background:#06060af7;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 40px 60px;display:flex;position:fixed;inset:0}.mobile-menu ul{flex-direction:column;align-items:center;gap:8px;width:100%;margin-bottom:40px;list-style:none;display:flex}.mobile-menu ul li a{font-family:var(--fdisp);color:var(--muted);letter-spacing:-1px;text-align:center;padding:10px 0;font-size:2.4rem;font-weight:700;transition:color .2s;display:block}.mobile-menu ul li a:hover,.mobile-menu ul li a.active{color:var(--text)}.mobile-menu ul li a.active{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mobile-cta{text-align:center;width:100%;max-width:280px;padding:15px 0;font-size:.88rem}#home,#projects,#about,#contact{scroll-margin-top:80px}.page{position:relative;overflow:hidden}.portfolio-section{padding:120px 0;position:relative;overflow:hidden}#projects{background:linear-gradient(#0d0d14f7,#09090ffc),linear-gradient(112deg,#0000,#6366f10a,#0000 55%)}#about{background:linear-gradient(#06060afa,#0a0a12f7),linear-gradient(240deg,#0000,#8b5cf609,#0000 45%)}#contact{background:linear-gradient(#0d0d14f7,#06060afc),linear-gradient(160deg,#0000,#ec489908,#0000 50%)}.portfolio-section:before{content:"";background:linear-gradient(90deg,#0000,#6366f166 20%,#8b5cf680 50%,#ec489966 80%,#0000);width:min(80%,900px);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.portfolio-section>.container{z-index:1;position:relative}.page-hero{text-align:center;padding:0 0 60px}.page-hero h1{font-family:var(--fdisp);letter-spacing:-2px;background:linear-gradient(135deg, var(--text) 0%, #f1f5f9b3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;line-height:1.05}.page-hero p{color:var(--muted);max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.75}.home-work-section{background:linear-gradient(#0d0d14f5,#09090ffa),linear-gradient(112deg,#0000,#6366f10e,#0000 55%);padding:100px 0}.page-enter{animation:pageFadeIn .45s var(--ease) both}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.pcard-img{object-fit:cover;width:100%;height:180px;transition:transform .4s var(--ease);border-radius:8px;margin-bottom:4px;display:block}.pcard:hover .pcard-img{transform:scale(1.03)}.pcard-img-wrap{border-radius:8px;margin-bottom:4px;overflow:hidden}.project-media{margin:4px 0 2px}.project-preview{aspect-ratio:16/10;background:linear-gradient(135deg,#ffffff0b,#ffffff04),#00000038;border:1px solid #ffffff1a;border-radius:10px;display:block;position:relative;overflow:hidden}.project-preview img{object-fit:contain;width:100%;height:100%;transition:transform .35s var(--ease), filter .35s var(--ease);padding:8px;display:block}.project-preview span{font-family:var(--fmono);color:var(--text);opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);background:#06060abd;border:1px solid #ffffff1f;border-radius:999px;padding:5px 8px;font-size:.62rem;position:absolute;bottom:10px;right:10px;transform:translateY(4px)}.project-preview:hover{border-color:#6366f173}.project-preview:hover img{filter:saturate(1.08);transform:scale(1.025)}.project-preview:hover span{opacity:1;transform:translateY(0)}.media-strip{scrollbar-width:thin;gap:8px;padding:10px 1px 2px;display:flex;overflow-x:auto}.media-thumb{border:1px solid var(--border);cursor:pointer;width:62px;height:48px;transition:border-color .2s var(--ease), transform .2s var(--ease), opacity .2s;opacity:.68;background:#ffffff09;border-radius:7px;flex:none;padding:0;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%;display:block}.media-thumb:hover,.media-thumb.active{opacity:1;border-color:#6366f1bf;transform:translateY(-1px)}.domains-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:80px;display:grid}.domain-card{background:linear-gradient(145deg, #161624e6, #0a0a12f7), var(--bg2);text-align:center;transition:all .35s var(--ease);cursor:default;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff0f;border-radius:16px;padding:32px 22px;position:relative;overflow:hidden}.domain-card:after{content:"";background:var(--grad);transform-origin:0;height:2px;transition:transform .4s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.domain-card:hover{border-color:#6366f166;transform:translateY(-8px);box-shadow:0 24px 48px -14px #6366f133,inset 0 1px #ffffff0d}.domain-card:hover:after{transform:scaleX(1)}.domain-index{font-family:var(--fdisp);background:var(--grad);-webkit-text-fill-color:transparent;opacity:.3;transition:opacity .3s var(--ease);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:1.8rem;font-weight:800;display:block}.domain-card:hover .domain-index{opacity:.6}.domain-title{font-family:var(--fdisp);color:var(--text);margin-bottom:8px;font-size:.98rem;font-weight:600}.domain-sub{color:var(--muted);font-size:.8rem;line-height:1.55}.featured-row{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.home-cta{background:linear-gradient(135deg, #6366f11a, transparent 36%), linear-gradient(180deg, #13131eeb, #0a0a10fa), var(--bg2);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;gap:40px;margin-top:80px;padding:60px;display:flex}.home-cta-text h3{font-family:var(--fdisp);color:var(--text);letter-spacing:-.5px;margin-bottom:8px;font-size:1.6rem;font-weight:700}.home-cta-text p{color:var(--muted);font-size:.95rem}.home-cta-btns{flex-shrink:0;gap:12px;display:flex}.about-page-grid{grid-template-columns:3fr 2fr;align-items:start;gap:80px;padding-bottom:80px;display:grid}.contact-page{grid-template-columns:3fr 2fr;align-items:start;gap:80px;padding:0 0 100px;display:grid}.contact-copy{position:relative}.contact-hero{text-align:left;padding:60px 0 40px}.contact-page h1{font-family:var(--fdisp);color:var(--text);letter-spacing:-2px;margin-bottom:16px;font-size:clamp(2.8rem,6vw,5rem);font-weight:700;line-height:1.05}.contact-page p.sub{color:var(--muted2);max-width:640px;margin-bottom:28px;font-size:1rem;line-height:1.9}.contact-notes{grid-template-columns:1fr;gap:12px;display:grid}.contact-note,.contact-panel{background:linear-gradient(145deg, #161624e6, #0a0a12f5), var(--bg2);transition:border-color .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff0f;border-radius:16px}.contact-note{padding:20px;position:relative;overflow:hidden}.contact-note:after{content:"";opacity:0;height:1px;transition:opacity .25s var(--ease);background:linear-gradient(90deg,#0000,#6366f157,#0000);position:absolute;inset:auto 18px 0}.contact-note:hover,.contact-panel:hover{border-color:#6366f161;transform:translateY(-3px);box-shadow:0 20px 40px -16px #6366f13d}.contact-note:hover:after{opacity:1}.contact-note span,.panel-kicker{font-family:var(--fmono);color:var(--a1);letter-spacing:1px;text-transform:uppercase;font-size:.68rem}.contact-note h3{font-family:var(--fdisp);color:var(--text);margin:10px 0 6px;font-size:1.05rem}.contact-note p{color:var(--muted);font-size:.82rem;line-height:1.65}.contact-panel{margin-top:130px;padding:30px;position:relative;overflow:hidden}.contact-panel:before{content:"";background:linear-gradient(90deg, var(--a1), #10b981bf, #ec4899a6);height:2px;position:absolute;inset:0 0 auto}.panel-kicker{margin-bottom:18px;display:block}.contact-email-card{font-family:var(--fdisp);color:var(--text);border-bottom:1px solid var(--border);word-break:break-word;margin-bottom:18px;padding:0 0 24px;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700;line-height:1.25;transition:color .2s;display:block}.contact-mail-btn{text-align:center;width:100%;margin-bottom:22px}.contact-email-card:hover{color:var(--a1)}.contact-panel .contact-links{justify-content:stretch;gap:10px;display:grid}.contact-panel .clink{background:#ffffff06;border-radius:8px;justify-content:space-between}.clink-arrow{color:var(--muted);font-size:.68rem}@media (width<=960px){.domains-grid{grid-template-columns:repeat(2,1fr)}.featured-row{grid-template-columns:1fr}.home-cta{text-align:center;flex-direction:column;padding:40px 24px}.home-cta-btns{justify-content:center}.about-page-grid{grid-template-columns:1fr;gap:40px}.contact-page{grid-template-columns:1fr;gap:32px;padding:0 0 86px}.contact-panel{margin-top:0}}@media (width<=600px){.project-preview{aspect-ratio:4/3}.media-thumb{width:58px;height:44px}.domain-index{margin-bottom:10px;font-size:1.45rem}.home-work-section{padding:72px 0}.contact-page{padding:0 0 72px}.contact-page h1{letter-spacing:-1px;font-size:clamp(2.2rem,10vw,3rem)}.contact-page p.sub{font-size:.92rem}.contact-hero{padding:36px 0 28px}.contact-notes{grid-template-columns:1fr}.contact-panel{padding:24px 20px}}