:root{--ink:#11233b;--muted:#607188;--blue:#77c7ee;--blue2:#dff5ff;--line:#dce9f0;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fafeff;margin:0;font-family:Manrope,Arial,sans-serif}main{background:radial-gradient(circle at 85% 7%,#e4f7ff 0,#0000 24%),linear-gradient(115deg,#fff 0%,#f5fbff 100%);overflow:hidden}a{color:inherit;text-decoration:none}nav{z-index:3;justify-content:space-between;align-items:center;max-width:1240px;height:84px;margin:auto;padding:0 34px;display:flex;position:relative}.brand{letter-spacing:.1em;font-size:14px;font-weight:800}.brand span,.h1-small,.eyebrow span,h2 span,.dot{color:#22a9e3}.navlinks{color:#4c6077;gap:31px;font-size:13px;font-weight:700;display:flex}.navlinks a{transition:all .2s}.navlinks a:hover{color:#159bd7}.say-hi{border-bottom:1px solid #1c9cd5;align-items:center;gap:7px;padding-bottom:4px;font-size:13px;font-weight:700;display:flex}.hero{grid-template-columns:47% 53%;max-width:1240px;min-height:680px;margin:auto;padding:50px 34px 88px;display:grid;position:relative}.profile-column{justify-content:center;align-items:flex-end;min-height:545px;display:flex;position:relative}.portrait{z-index:2;opacity:0;justify-content:center;align-items:flex-end;width:min(430px,92%);height:490px;animation:1.25s cubic-bezier(.2,.8,.2,1) 1.2s forwards portraitIn;display:flex;position:relative;overflow:hidden}.portrait:after{content:"";filter:blur(20px);pointer-events:none;background:linear-gradient(90deg,#73c9ef33,#0000);position:absolute;inset:16% 2% 0}.portrait img{filter:drop-shadow(0 20px 28px #144f6d2e);width:115%;max-width:none;transform:translateY(6px)}.portrait-glow{background:radial-gradient(circle,#c8efff 0,#d7f4ff73 42%,#0000 70%);border-radius:50%;width:410px;height:410px;animation:5s infinite breathe;position:absolute;bottom:40px}.portrait-label{z-index:3;letter-spacing:.13em;color:#7191a2;font:10px/1.6 DM Mono;position:absolute;bottom:24px;right:0}.code-rain{z-index:1;position:absolute;inset:15px 0 70px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 15% 75%,#0000);mask-image:linear-gradient(#0000,#000 15% 75%,#0000)}.code-rain span{left:var(--x);color:#30b4eb;opacity:.4;animation:rain 2.8s var(--delay) infinite linear;font:500 11px DM Mono;position:absolute;top:-10%}.intro{z-index:1;align-self:center;padding:22px 20px 0 46px;position:relative}.eyebrow{letter-spacing:.15em;color:#638098;align-items:center;gap:9px;margin:0 0 18px;font:500 11px DM Mono;display:flex}.eyebrow span{background:currentColor;width:22px;height:1px}.dna{opacity:.75;width:75px;height:110px;position:absolute;top:-6px;right:6%;transform:rotate(22deg)}.dna:before,.dna:after{content:"";background:#38b7ec;border-radius:50%;width:2px;height:100%;animation:2.7s ease-in-out infinite dnaCurve;position:absolute}.dna:before{left:25px}.dna:after{animation-delay:-1.35s;right:25px}.dna i{top:calc(var(--i)*10px);background:linear-gradient(90deg,#1daadd,#a588ff);width:38px;height:1px;animation:2.7s ease-in-out infinite dnaShift;position:absolute;left:20px}.dna i:nth-child(2n){animation-delay:-1.35s}.intro h1{letter-spacing:-.075em;margin:0 0 28px;font-size:clamp(57px,7vw,94px);font-weight:800;line-height:.92;position:relative}.h1-small{letter-spacing:-.03em;font-size:24%;font-weight:700;line-height:1.8;display:block}.lead{max-width:440px;color:var(--muted);margin:0;font-size:16px;line-height:1.75}.hero-actions{align-items:center;gap:27px;margin-top:37px;display:flex}.primary{color:#fff;background:#142c46;border-radius:3px;align-items:center;gap:12px;padding:14px 18px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 25px #19385322}.primary:hover{background:#1c9ed7;transform:translateY(-3px)}.text-link{align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.stats{gap:38px;margin-top:55px;display:flex}.stats div{align-items:center;gap:9px;display:flex}.stats b{font-size:20px}.stats span{letter-spacing:.06em;color:#71849a;font:10px DM Mono}.orb{filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.orb-one{background:#49bdea;width:7px;height:7px;top:21%;left:45%;box-shadow:0 0 0 7px #4dbce51c}.orb-two{background:#ad92ff;width:10px;height:10px;top:28%;right:9%;box-shadow:0 0 0 10px #ae90fb17}.section{max-width:1240px;margin:auto;padding:110px 34px}.section-heading{margin-bottom:50px}.section-heading h2,.connect h2{letter-spacing:-.055em;margin:0 0 12px;font-size:clamp(33px,4vw,51px);line-height:1.05}.section-heading>p:last-child,.connect-copy>p{color:var(--muted);margin:0;font-size:14px}.stack{border-top:1px solid var(--line)}.orbit-wrap{background:radial-gradient(#e5f7ff 0,#0000 58%);justify-content:center;align-items:center;height:360px;display:flex;position:relative}.orbit{border:1px solid #b7dfed;border-radius:50%;width:700px;height:200px;position:absolute;transform:rotate(-10deg)}.orbit-b{border-color:#ceeaf4;width:500px;height:300px;transform:rotate(38deg)}.orbit-core{color:#8ee0ff;z-index:1;background:#14304c;border-radius:50%;place-items:center;width:75px;height:75px;font-size:30px;display:grid;box-shadow:0 0 0 13px #d9f2fb,0 0 40px #54c3ed55}.skill-belt{animation:28s linear infinite spin;position:absolute;inset:0}.skill{transform:rotate(calc(var(--n) * 360deg / var(--total))) translateX(330px) rotate(calc(var(--n) * -360deg / var(--total)));text-align:center;animation:28s linear infinite counterspin;position:absolute;top:calc(50% - 28px);left:calc(50% - 28px)}.skill-icon{color:#1d9fd6;background:#ffffffdc;border:1px solid #d3e8f0;border-radius:17px;place-items:center;width:55px;height:55px;font-size:25px;transition:all .25s;display:grid;box-shadow:0 9px 22px #3980a114}.skill:nth-child(3n) .skill-icon{color:#8f6be6}.skill:nth-child(4n) .skill-icon{color:#213a56}.skill:hover .skill-icon{color:#fff;background:#153452;transform:scale(1.18)}.skill small{color:#61758a;white-space:nowrap;margin-top:5px;font:600 9px Manrope;display:block}.skill-grid{display:none}.work{background:linear-gradient(#f2faff,#fbfdff);max-width:none;padding-left:max(34px,50vw - 586px);padding-right:max(34px,50vw - 586px)}.projects{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.project-card{background:#fff;border:1px solid #e1edf2;border-radius:6px;flex-direction:column;justify-content:space-between;height:300px;padding:18px;transition:all .35s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:#9ed9ef;transform:translateY(-8px);box-shadow:0 17px 30px #376f8c18}.project-top{color:#7390a3;z-index:1;justify-content:space-between;font:11px DM Mono;display:flex;position:relative}.project-card h3{letter-spacing:-.04em;z-index:1;max-width:150px;margin:4px 0;font-size:17px;line-height:1.28;position:relative}.project-kind{color:#1ca9df;z-index:1;margin:0;font:10px DM Mono;position:relative}.url-pill{color:#6e8395;z-index:1;align-items:center;gap:6px;font:10px DM Mono;display:flex;position:relative}.pulse{background:#53c9a0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #53c9a022}.project-art{border:20px solid #d8f3fd;border-radius:50%;width:150px;height:150px;transition:all .5s;position:absolute;bottom:-75px;right:-58px}.project-card:hover .project-art{transform:rotate(90deg)scale(1.25)}.art-1{border-width:28px;border-color:#e5ddff}.art-2{background:#d9f5ff;border-radius:10px;transform:rotate(32deg)}.art-3{border-width:15px;border-color:#fff0d5}.art-4{background:#d7f3e9;border-radius:0 100% 0 0}.connect{grid-template-columns:1fr 1.15fr;align-items:center;gap:80px;display:grid}.mail-link{border-bottom:1px solid #21a9df;align-items:center;gap:10px;width:max-content;margin-top:30px;padding-bottom:5px;font:600 13px DM Mono;display:flex}.socials{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.social{min-height:115px;animation:drop .65s both var(--delay);background:#ffffffb8;border:1px solid #deebf1;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .25s;display:flex;position:relative}.social svg:first-child{color:#21a9df;font-size:24px}.social span{font-size:11px;font-weight:700}.social svg:last-child{color:#8ca3b2;opacity:0;font-size:12px;transition:all .2s;position:absolute;top:13px;right:13px}.social:hover{background:#fff;transform:translateY(-5px)scale(1.04);box-shadow:0 14px 26px #276b8b18}.social:hover svg:last-child{opacity:1}footer{border-top:1px solid var(--line);letter-spacing:.1em;color:#7890a1;justify-content:space-between;max-width:1240px;margin:auto;padding:28px 34px;font:10px DM Mono;display:flex}footer a{color:#209fd6;font-weight:700}@keyframes portraitIn{0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(30px)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes rain{to{opacity:0;transform:translateY(650px)}}@keyframes breathe{50%{opacity:.7;transform:scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes counterspin{to{transform:rotate(-360deg)}}@keyframes drop{0%{opacity:0;transform:translateY(-80px)scale(.7)}65%{transform:translateY(8px)scale(1.05)}to{opacity:1;transform:none}}@keyframes dnaCurve{50%{transform:translate(25px)}}@keyframes dnaShift{50%{transform:translate(10px)scaleX(.5)}}@media (width<=800px){nav{height:70px;padding:0 22px}.navlinks{display:none}.hero{grid-template-columns:1fr;padding:20px 22px 70px}.profile-column{order:2;min-height:370px}.portrait{width:350px;height:370px}.portrait-glow{width:300px;height:300px}.portrait-label{bottom:4px;right:5%}.intro{padding:32px 0 0}.dna{top:0;right:3%}.intro h1{font-size:64px}.orbit-wrap{display:none}.skill-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.grid-skill{border:1px solid var(--line);text-align:center;color:#1d9fd6;background:#fff;border-radius:12px;padding:13px 5px;font-size:21px}.grid-skill span{color:#64798b;margin-top:6px;font-size:9px;display:block}.section{padding:72px 22px}.projects{grid-template-columns:repeat(2,1fr)}.project-card{height:250px}.connect{grid-template-columns:1fr;gap:38px}.socials{grid-template-columns:repeat(3,1fr)}footer{padding:25px 22px;font-size:8px}.connect{padding-bottom:60px}}@media (width<=440px){.say-hi{border:0;font-size:0}.say-hi svg{font-size:17px}.hero-actions{gap:16px}.primary{padding:13px}.stats{gap:20px}.projects{grid-template-columns:1fr 1fr}.project-card{height:230px;padding:14px}.project-card h3{font-size:14px}.social{min-height:90px}.socials{gap:8px}}.portrait{background:linear-gradient(145deg,#e7f8ff,#b9e7fa);border:7px solid #ffffffb8;border-radius:50%;align-items:center;width:430px;height:430px;box-shadow:0 22px 48px #1c739b2e}.portrait img{width:125%;transform:translateY(35px)}.name-reveal{opacity:0;font-family:Poppins,Manrope,sans-serif;animation:.85s cubic-bezier(.16,.84,.35,1) 1.15s forwards nameMaterialize;display:inline-block;position:relative}.name-reveal:before{content:"";z-index:-1;opacity:0;background-color:#0000;background-image:radial-gradient(circle at 8% 25%,#15b9ef 0 2px,#0000 3px),radial-gradient(circle at 28% 75%,#9a79f3 0 2px,#0000 3px),radial-gradient(circle at 47% 18%,#52ccee 0 2px,#0000 3px),radial-gradient(circle at 72% 70%,#eb8dca 0 2px,#0000 3px),radial-gradient(circle at 95% 38%,#f2b646 0 2px,#0000 3px);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:30% 58%,22% 72%,25% 66%,28% 78%,24% 62%;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;animation:1.25s ease-in .15s forwards particleGather;position:absolute;inset:-35% -10%}.dna{animation:.9s .2s both dnaArrive}@keyframes nameMaterialize{0%{opacity:0;filter:blur(12px);letter-spacing:.08em;transform:scale(.92)}to{opacity:1;filter:blur();letter-spacing:inherit;transform:none}}@keyframes particleGather{0%{opacity:0;filter:blur(2px);transform:scale(3.5)rotate(-16deg)}24%{opacity:1}75%{opacity:.85;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.25)}}@keyframes dnaArrive{0%{opacity:0;filter:blur(4px);transform:rotate(22deg)scale(2.5)}to{opacity:.75;filter:none;transform:rotate(22deg)scale(1)}}@media (width<=800px){.portrait{width:330px;height:330px}.portrait img{transform:translateY(26px)}}