:root{color:#f4f8ff;font-synthesis:none;--bg:#050b16;--panel:#0f1d31a8;--soft:#0b1728;--text:#f4f8ff;--muted:#b2c1d5;--line:#cbe1ff29;--glass-line:#e1f1ff33;--primary:#61dafb;--violet:#8b5cf6;--green:#4ade80;--radius:24px;--glass-shadow:0 24px 70px #00051061,inset 0 1px 0 #ffffff0f;background:#050b16;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 8% 8%,#61dafb66,#0000 30rem),radial-gradient(circle at 92% 20%,#8b5cf661,#0000 32rem),radial-gradient(circle at 25% 72%,#61dafb4d,#0000 28rem),linear-gradient(145deg,#050b16 0%,#071426 48%,#070d1a 100%);margin:0;line-height:1.65;overflow-x:hidden}.developer-background{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.developer-background__grid{background-image:repeating-linear-gradient(0deg,#b4e1ff0d 0 1px,#0000 1px 48px),repeating-linear-gradient(90deg,#b4e1ff0d 0 1px,#0000 1px 48px);animation:52s linear infinite grid-drift;position:absolute;inset:-96px;-webkit-mask-image:radial-gradient(#000 35%,#0000 82%);mask-image:radial-gradient(#000 35%,#0000 82%)}.developer-background__orb{opacity:.4;border-radius:50%;width:34rem;height:34rem;position:absolute}.developer-background__orb--cyan{background:radial-gradient(circle,#61dafbb8,#0000 68%);animation:38s ease-in-out infinite alternate orb-cyan-drift;top:-12rem;left:-10rem}.developer-background__orb--violet{background:radial-gradient(circle,#8b5cf6ad,#0000 68%);animation:44s ease-in-out infinite alternate orb-violet-drift;top:18%;right:-12rem}.developer-background__glyphs span{color:#c5e6ff13;font:600 1.1rem/1 monospace;animation:36s linear infinite glyph-rise;position:absolute}.developer-background__glyphs span:first-child{top:82%;left:12%}.developer-background__glyphs span:nth-child(2){animation-delay:-12s;top:68%;left:74%}.developer-background__glyphs span:nth-child(3){animation-delay:-24s;top:92%;left:46%}@keyframes grid-drift{to{transform:translate(48px,48px)}}@keyframes orb-cyan-drift{to{transform:translate(8rem,6rem)}}@keyframes orb-violet-drift{to{transform:translate(-9rem,7rem)}}@keyframes glyph-rise{0%{opacity:0;transform:translateY(8rem)}15%,75%{opacity:1}to{opacity:0;transform:translate(2rem,-36rem)}}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.container{width:min(100% - 40px,1180px);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#06101c;background:#fff;border-radius:8px;padding:10px 16px;transition:all .2s;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.nav-wrap{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background:#ffffff12;border-bottom:1px solid #ffffff1f;position:sticky;top:0;box-shadow:0 12px 40px #0005102e,inset 0 1px #ffffff14}nav{justify-content:space-between;align-items:center;gap:24px;min-height:78px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font-size:1.02rem;font-weight:800;display:flex}.brand img{border-radius:14px}.nav-links{color:var(--muted);align-items:center;gap:22px;font-size:.82rem;display:flex}.nav-links a:hover{color:#fff}.nav-cta{background:#fff;border-radius:11px;padding:10px 14px;font-weight:800;color:#06101c!important}.menu-button{border:1px solid var(--line);background:0 0;border-radius:12px;width:44px;height:44px;padding:10px;display:none}.menu-button i{background:#fff;height:2px;margin:5px 0;display:block}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:72px;min-height:calc(100vh - 78px);padding-block:96px 72px;display:grid}.hero>*{min-width:0}.status{color:#b9f6ca;background:#4ade8012;border:1px solid #4ade8033;border-radius:999px;align-items:center;gap:10px;margin-bottom:24px;padding:7px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.status i,.pulse{background:var(--green);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 5px #4ade8014,0 0 18px #4ade8073}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.03em;color:#0000;background:linear-gradient(100deg,#fff 16%,#8ee8ff 58%,#b89cff);-webkit-background-clip:text;background-clip:text;max-width:740px;margin-bottom:26px;font-size:clamp(3rem,6vw,6.2rem);line-height:1.02}.hero-copy>p{max-width:720px;color:var(--muted);margin-bottom:34px;font-size:clamp(1rem,1.3vw,1.16rem)}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{background:linear-gradient(135deg,var(--primary),#a6efff);color:#05101d;border:1px solid #61dafb66;border-radius:12px;justify-content:center;padding:13px 18px;font-weight:800;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-secondary{color:#dbeafe;border-color:var(--line);background:#ffffff09}.hero-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px;display:grid}.hero-stats div{border-top:1px solid var(--line);padding-top:16px}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:1rem}.hero-stats span{color:var(--muted);font-size:.74rem;line-height:1.45}.code-card{border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);background:linear-gradient(145deg,#122640c7,#0813218f);border-radius:28px;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 35px 100px #00000059,inset 0 1px #ffffff14}.code-top{border-bottom:1px solid var(--line);align-items:center;gap:7px;padding:16px 18px;display:flex}.code-top span{background:#fb7185;border-radius:50%;width:9px;height:9px}.code-top span:nth-child(2){background:#facc15}.code-top span:nth-child(3){background:#4ade80}.code-top small{color:#93a6bd;margin-left:auto}.code-label{color:#89e8ff;padding:28px 28px 0;font-size:.76rem}.code-card code{color:#e8f3ff;padding:15px 28px 4px;font-size:clamp(.9rem,1.5vw,1.1rem);line-height:2;display:block}.code-card code b{color:#d0c3ff}.code-card code em{color:#96f6b1;font-style:normal}.comment{color:#8b9db3;padding:0 28px;font-family:monospace}.code-footer{border-top:1px solid var(--line);color:#b2c1d5;align-items:center;gap:12px;margin-top:25px;padding:18px 28px;font-size:.78rem;display:flex}.section{padding-block:112px}.section-tint{background:radial-gradient(circle at 85% 20%,#61dafb0e,#0000 24rem),#08122180;border-block:1px solid #cbe1ff14}.section-header{max-width:800px;margin-bottom:54px}.section-eyebrow,.project-role{color:#8ceaff;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;font-size:.72rem;font-weight:800;display:block}.section-header h2,.contact-section h2{letter-spacing:-.055em;margin-bottom:18px;font-size:clamp(2.25rem,4.5vw,4.6rem);line-height:1.05}.section-header p,.contact-section>p{max-width:720px;color:var(--muted);font-size:1.05rem}.about-grid{grid-template-columns:.92fr 1.08fr;gap:70px;display:grid}.about-copy>strong{color:#d5f7ff;margin-bottom:20px;font-size:1.15rem;display:block}.about-copy>p{color:var(--muted)}.value-grid,.expertise-grid,.project-grid,.other-grid,.bring-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.value-grid article,.expertise-grid article,.other-grid article,.bring-grid article,.stack-groups>article,.project-grid>article{border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);box-shadow:var(--glass-shadow);background:linear-gradient(145deg,#ffffff14,#ffffff0b);border:1px solid #ffffff1f;padding:26px}.value-grid article>span,.expertise-grid article>span,.bring-grid article>span{color:#8ceaff;letter-spacing:.1em;font-size:.72rem;font-weight:800}.value-grid h3,.expertise-grid h3,.other-grid h3,.bring-grid h3,.project-grid h3{margin:16px 0 8px;font-size:1.08rem}.value-grid p,.expertise-grid p,.other-grid p,.bring-grid p,.project-grid p{color:var(--muted);margin-bottom:0;font-size:.88rem}.tags{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.tags span{color:#c9edf5;background:#61dafb0b;border:1px solid #61dafb21;border-radius:999px;padding:6px 9px;font-size:.66rem}.stack-groups{gap:20px;display:grid}.stack-groups>article>h3{margin-bottom:20px}.stack-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.stack-grid>div{text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:84px;padding:13px 8px;display:flex}.stack-grid img{object-fit:contain;width:36px;height:36px}.stack-grid strong{font-size:.68rem}.stack-monogram{background:linear-gradient(135deg,var(--primary),var(--violet));color:#06101c;border-radius:9px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.featured-card{border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);box-shadow:var(--glass-shadow);background:linear-gradient(145deg,#162b47b8,#08132294);border-radius:28px;grid-template-columns:1.15fr .85fr;display:grid;overflow:hidden}.project-image{background:#07111f;min-height:100%}.project-image img{object-fit:cover;width:100%;height:100%}.project-copy{padding:42px}.project-copy h3{letter-spacing:-.04em;font-size:2rem}.project-copy p{color:var(--muted)}.text-link{color:#a6efff;margin-top:22px;font-size:.84rem;font-weight:800;display:inline-block}.text-link:hover{color:#fff}.project-grid{grid-template-columns:repeat(3,1fr)}.project-grid>article{padding:15px 15px 24px}.project-thumb{aspect-ratio:16/10;background:#06101c;border-radius:14px;margin-bottom:22px;display:block;overflow:hidden}.project-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.project-thumb:hover img{transform:scale(1.025)}.project-grid h3{font-size:1.2rem}.other-grid,.bring-grid{grid-template-columns:repeat(3,1fr)}.client-logo{align-items:center;height:72px;margin-bottom:20px;display:flex}.client-logo img{width:auto;max-height:50px}.other-grid small{color:#9badc3}.resume{border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);box-shadow:var(--glass-shadow);background:linear-gradient(145deg,#142842b3,#07122194);border-radius:28px;grid-template-columns:300px 1fr;display:grid;overflow:hidden}.resume aside{border-right:1px solid var(--line);padding:34px}.resume aside>img{object-fit:cover;border:3px solid #61dafb59;border-radius:22px;width:100px;height:100px;margin-bottom:20px}.resume aside h3{margin-bottom:4px}.resume aside>p{color:var(--muted);font-size:.78rem}.resume .accent{color:#8ceaff}.resume aside h4{letter-spacing:.15em;text-transform:uppercase;margin:28px 0 10px;font-size:.7rem}.resume-contact{color:#d4e0ee;gap:8px;margin-top:22px;font-size:.72rem;display:grid}.timeline{padding:36px 42px}.timeline-heading,.timeline-actions{align-items:center;display:flex}.timeline-heading{border-bottom:1px solid var(--line);color:#8ceaff;text-transform:uppercase;letter-spacing:.14em;justify-content:space-between;gap:18px;padding-bottom:20px;font-size:.72rem}.timeline-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px}.timeline-heading strong{color:#c5fbd3;align-items:center;gap:10px;display:flex}.resume-download{color:#a6efff;letter-spacing:0;text-transform:none;border:1px solid #61dafb4d;border-radius:8px;padding:7px 10px}.timeline article{border-bottom:1px solid #cbe1ff1a;grid-template-columns:120px 1fr;gap:28px;padding-block:24px;display:grid}.timeline time{color:#a6b6ca;font-size:.7rem}.timeline article h3{margin-bottom:4px;font-size:1rem}.timeline article h4{color:#a6efff;margin-bottom:8px;font-size:.72rem}.timeline article p{color:var(--muted);margin:0;font-size:.8rem}.resume-highlights{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.resume-highlights div{background:#ffffff06;border:1px solid #cbe1ff21;border-radius:13px;padding:15px}.resume-highlights strong,.resume-highlights span{display:block}.resume-highlights strong{font-size:.74rem}.resume-highlights span{color:#a6b6ca;margin-top:5px;font-size:.65rem}.contact-section{border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);box-shadow:var(--glass-shadow);text-align:center;background:radial-gradient(circle at 82% 15%,#8b5cf63d,#0000 38%),linear-gradient(135deg,#61dafb1a,#0d1d339e);border-radius:30px;margin-block:112px;padding:80px}.contact-section .section-eyebrow{margin-inline:auto}.contact-section>p{margin:0 auto 30px}.contact-section .actions{justify-content:center}.contact-links{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:24px;margin-top:30px;font-size:.78rem;display:flex}footer{border-top:1px solid var(--line);color:#9badc3;padding:28px 0;font-size:.75rem}footer .container{justify-content:space-between;gap:20px;display:flex}[data-reveal]{opacity:1;transition:opacity .65s,transform .65s;transform:none}.reveal-ready [data-reveal]{opacity:0;transform:translateY(18px)}.reveal-ready [data-reveal].is-visible{opacity:1;transform:none}@media (width<=950px){.hero{grid-template-columns:1fr}.code-card{max-width:650px;transform:none}.about-grid,.featured-card{grid-template-columns:1fr}.project-grid,.other-grid,.bring-grid{grid-template-columns:repeat(2,1fr)}.stack-grid{grid-template-columns:repeat(4,1fr)}.resume{grid-template-columns:1fr}.resume aside{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=760px){.developer-background__glyphs{display:none}.container{width:min(100% - 28px,1180px)}.nav-wrap nav{min-height:68px}.brand span{font-size:.85rem}.menu-button{flex:none;display:block}.nav-links{border:1px solid var(--line);background:#0b1728;border-radius:16px;flex-direction:column;align-items:stretch;gap:4px;padding:16px;display:none;position:absolute;top:68px;left:14px;right:14px;box-shadow:0 25px 50px #0006}.nav-links.is-open{display:flex}.nav-links a{padding:10px}.hero{min-height:auto;padding-block:70px}.hero-stats{grid-template-columns:1fr}.section{padding-block:80px}.section-header{margin-bottom:36px}.value-grid,.expertise-grid,.project-grid,.other-grid,.bring-grid{grid-template-columns:1fr}.stack-grid{grid-template-columns:repeat(3,1fr)}.project-copy{padding:28px}.resume aside,.timeline{padding:26px 22px}.timeline-heading{flex-direction:column;align-items:flex-start;gap:15px}.timeline article{grid-template-columns:1fr;gap:8px}.resume-highlights{grid-template-columns:1fr}.contact-section{margin-block:80px;padding:54px 22px}footer .container{flex-direction:column}}@media (width<=420px){.stack-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:2.75rem}.actions .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}.reveal-ready [data-reveal]{opacity:1;transform:none}.project-thumb:hover img,.button:hover{transform:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav-wrap{background:#081321}.code-card,.featured-card,.resume,.contact-section{background:#0d1d31}}html{--scroll-y:0}.developer-background__grid{transform:translate3d(0,calc(var(--scroll-y) * -.15px),0);will-change:transform;background-image:repeating-linear-gradient(0deg,#b4e1ff17 0 1px,#0000 1px 48px),repeating-linear-gradient(90deg,#b4e1ff17 0 1px,#0000 1px 48px),repeating-linear-gradient(0deg,#b4e1ff26 0 1px,#0000 1px 192px),repeating-linear-gradient(90deg,#b4e1ff26 0 1px,#0000 1px 192px);animation:none;inset:-240px;-webkit-mask-image:radial-gradient(#000 38%,#0000 84%);mask-image:radial-gradient(#000 38%,#0000 84%)}.developer-background__orbs{transform:translate3d(0,calc(var(--scroll-y) * -.3px),0);will-change:transform;position:absolute;inset:0}.developer-background__orb{animation:none}.developer-background__glyphs{transform:translate3d(0,calc(var(--scroll-y) * -.5px),0);will-change:transform;position:absolute;inset:0}.developer-background__glyphs span{animation:none}.code-card{transform:translate3d(0,clamp(-40px,calc(var(--scroll-y) * -.08px),40px),0) rotate(1.5deg)}.project-image{transform:translate3d(0,clamp(-40px,calc(var(--scroll-y) * -.08px),40px),0)}@media (width<=767px){.developer-background__grid,.developer-background__orbs,.developer-background__glyphs,.code-card,.project-image{transform:none}.code-card{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.developer-background__grid,.developer-background__orbs,.developer-background__glyphs,.code-card,.project-image{transform:none}.code-card{transform:rotate(0)}}.developer-background{z-index:0;overflow:visible}main,footer{z-index:1;position:relative}.section,.section-tint{background:0 0}.developer-background__grid{height:auto;position:fixed;inset:-200vh 0;-webkit-mask-image:none;mask-image:none}