*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#b3b3b3;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.nav-shell{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #dfe7f2d9;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(28px,7vw,118px);display:flex;position:sticky;top:0}.brand{color:var(--ink);background:0 0;border:0;gap:10px;font-size:22px;font-weight:800;display:flex}.brand span{color:var(--blue)}nav{gap:30px;display:flex}nav button{color:#3c4960;text-transform:capitalize;background:0 0;border:0;padding:29px 0;position:relative}nav button:after{content:"";background:var(--blue);height:2px;transition:all .3s;position:absolute;bottom:18px;left:50%;right:50%}nav button.active,nav button:hover{color:var(--blue)}nav button.active:after,nav button:hover:after{left:0;right:0}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:72px;min-height:650px;padding:70px clamp(28px,7vw,118px);display:grid;overflow:hidden}.eyebrow{letter-spacing:.24em;color:var(--blue);font-size:12px;font-weight:800}.hero h1{letter-spacing:-.045em;margin:14px 0 12px;font-size:clamp(48px,5vw,76px);line-height:1}.hero h2{color:var(--blue);margin:0;font-size:27px}.stack{color:var(--muted);font-size:20px}.stack span{color:#9aa7ba;padding:0 7px}.intro{max-width:650px;color:var(--muted);font-size:19px;line-height:1.7}.actions{gap:16px;margin-top:30px;display:flex}.btn{border:0;border-radius:9px;justify-content:center;align-items:center;padding:15px 24px;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex}.btn:hover{transform:translateY(-4px);box-shadow:0 12px 25px #2867f03d}.dark{background:var(--ink);color:#fff}.blue{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}.hero-side{perspective:1100px;gap:20px;display:grid}.floating-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:20px;padding:34px;transition:transform .18s;animation:6s ease-in-out infinite float;position:relative;overflow:hidden}.floating-card.delay{animation-delay:-2s}.floating-card h3{font-size:22px}.floating-card p{color:var(--muted);gap:14px;display:flex}.floating-card a:hover{color:var(--blue)}.orb{filter:blur(1px);opacity:.2;border-radius:50%;position:absolute}.orb-one{background:var(--blue);width:95px;height:95px;top:-35px;right:-35px}.orb-two{background:var(--cyan);width:70px;height:70px;bottom:-35px;left:-30px}.language-card{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}.language-card div{justify-content:space-between;padding:9px 0;display:flex}.language-card b{font-weight:500}.content-section{padding:82px clamp(28px,7vw,118px)}.section-title{text-align:center;margin-bottom:56px}.section-title h2{margin:0;font-size:40px}.section-title span{background:var(--blue);border-radius:99px;width:82px;height:4px;margin:16px auto;display:block}.section-title p{color:var(--muted);font-size:19px}.center-copy{text-align:center;max-width:820px;color:var(--muted);margin:0 auto 58px;font-size:18px;line-height:1.75}.strength-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.lift-card,.skill-card,.education-card{background:var(--card);border:1px solid var(--line);border-radius:14px;transition:transform .35s,box-shadow .35s,border-color .35s;box-shadow:0 5px 16px #192f590d}.lift-card:hover,.skill-card:hover,.education-card:hover{box-shadow:var(--shadow);border-color:#c6d6f3;transform:translateY(-10px)rotateX(2deg)}.lift-card{padding:28px}.lift-card h3{margin:18px 0 8px;font-size:20px}.lift-card p{color:var(--muted);line-height:1.5}.icon-box,.skill-icon,.edu-icon{width:52px;height:52px;color:var(--blue);background:#ddebff;border-radius:10px;place-items:center;font-size:24px;display:grid}.skills-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.skill-card{grid-template-columns:58px 1fr;align-items:center;padding:34px;display:grid}.skill-card h3{margin:0;font-size:24px}.chips{flex-wrap:wrap;grid-column:1/-1;gap:10px;margin-top:24px;display:flex}.chips span{color:#35445d;background:#f0f4f9;border-radius:9px;padding:10px 16px}.c0{color:#f97316;background:#fff0dd}.c1{background:#ddebff}.c2{color:#16a34a;background:#dcfce7}.c3{color:#0891b2;background:#dff9fd}.project-card{border:1px solid var(--line);max-width:1050px;box-shadow:var(--shadow);border-radius:22px;grid-template-columns:1fr 1fr;margin:auto;transition:transform .4s;display:grid;overflow:hidden}.project-card:hover{transform:perspective(1200px)rotateX(1deg)rotateY(-1deg)translateY(-6px)}.project-visual{background:linear-gradient(135deg,#2365ef,#0da2b8);place-items:center;min-height:520px;padding:44px;display:grid}.browser{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1f;border:1px solid #ffffff73;border-radius:18px;place-items:center;width:90%;height:72%;animation:5s ease-in-out infinite softFloat;display:grid;position:relative}.dots{letter-spacing:6px;font-size:9px;position:absolute;top:15px;left:18px}.shop-symbol{font-size:76px}.browser span{letter-spacing:.22em;font-size:12px;position:absolute;bottom:25px}.label{color:var(--blue);letter-spacing:.18em;font-size:11px;font-weight:800}.project-copy h3{margin:13px 0 7px;font-size:34px}.project-stack{color:var(--blue);font-weight:700}.project-copy p,.project-copy li{color:var(--muted);line-height:1.65}.project-copy ul{margin-bottom:30px;padding-left:22px}.education-list{gap:24px;max-width:940px;margin:auto;display:grid}.education-card{grid-template-columns:68px 1fr auto;align-items:center;padding:30px 34px;display:grid}.education-card h3{margin:0 0 8px;font-size:24px}.education-card p,.education-card small{color:var(--muted)}.badge{color:#1957d7;background:#ddebff;border-radius:8px;padding:9px 16px}.contact-section{padding-bottom:70px}.contact-panel{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:20px;max-width:700px;margin:auto;padding:42px 54px;animation:5s ease-in-out infinite glow;box-shadow:0 20px 45px #1f78d640}.contact-panel>div:not(.socials){grid-template-columns:52px 1fr;align-items:center;margin:18px 0;display:grid}.contact-panel small{opacity:.8}.contact-panel a{grid-column:2}.contact-icon{background:#ffffff2e;border-radius:9px;grid-row:1/3;place-items:center;width:42px;height:42px;display:grid}.contact-panel hr{border:0;border-top:1px solid #ffffff4d;margin:28px 0}.contact-panel>p{text-align:center}.socials{justify-content:center;gap:12px;display:flex}.socials a{background:#fff3;border-radius:10px;place-items:center;width:50px;height:50px;font-size:20px;font-weight:800;transition:all .25s;display:grid}.socials a:hover{color:var(--blue);background:#fff;transform:translateY(-5px)rotate(4deg)}footer{text-align:center;color:var(--muted);padding:28px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes softFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes glow{0%,to{box-shadow:0 20px 45px #1f78d638}50%{box-shadow:0 24px 60px #0ea5bd5c}}@media (max-width:900px){.nav-shell{padding:0 24px}nav{gap:16px}nav button{font-size:14px}.hero{grid-template-columns:1fr;padding-top:55px}.strength-grid{grid-template-columns:repeat(2,1fr)}.skills-grid,.project-card{grid-template-columns:1fr}.project-visual{min-height:390px}}@media (max-width:650px){nav{display:none}.hero{padding:48px 22px}.hero h1{font-size:49px}.content-section{padding:65px 22px}.strength-grid,.skills-grid{grid-template-columns:1fr}.section-title h2{font-size:34px}.skill-card{padding:25px}.project-copy{padding:32px 25px}.education-card{grid-template-columns:55px 1fr}.education-card .badge{grid-column:2;width:max-content;margin-top:15px}.contact-panel{padding:32px 24px}.actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.profile-photo-wrap{background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:24px;width:154px;height:154px;margin-bottom:24px;padding:7px;box-shadow:0 18px 40px #2867f02e}.profile-photo{object-fit:cover;object-position:center top;background:#fff;border-radius:18px;width:100%;height:100%;display:block}@media (max-width:650px){.profile-photo-wrap{width:132px;height:132px;margin-bottom:20px}}.about-hero-card{flex-direction:column;justify-content:center;max-width:650px;display:flex}.about-hero-card h3{max-width:600px;margin:18px 0 22px;font-size:42px;line-height:1.15}.about-hero-card p{color:var(--muted);max-width:640px;margin:0 0 18px;font-size:19px;line-height:1.75;display:block}@media (max-width:650px){.about-hero-card h3{font-size:30px}.about-hero-card p{font-size:16px}}:root{--ink:#121826;--muted:#556173;--line:#d8dee8;--blue:#d6af46;--cyan:#050505;--soft:#f4f6f8;--card:#fffefa;--shadow:0 18px 42px #1218261f}body{background:#f4f6f8}.entry-loader{z-index:9999;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#f4f6f8d1,#edf0f3b8);place-items:center;transition:opacity .55s,visibility .55s;display:grid;position:fixed;inset:0}.entry-loader.hide{opacity:0;visibility:hidden;pointer-events:none}.loader-glass{text-align:center;background:linear-gradient(145deg,#ffffff94,#ffffff42);border:1px solid #ffffffb8;border-radius:20px;width:min(86vw,430px);padding:42px 38px;animation:.9s both loaderLift;position:relative;overflow:hidden;box-shadow:0 30px 80px #1218262e,inset 0 1px #fffc}.loader-glass:before{content:"";background:linear-gradient(120deg,#0000 8%,#ffffff8c 35%,#0000 62%);animation:1.85s ease-in-out infinite glassSweep;position:absolute;inset:0;transform:translate(-120%)}.loader-mark{color:var(--ink);z-index:1;align-items:center;gap:12px;font-size:34px;font-weight:900;display:inline-flex;position:relative}.loader-mark span{background:linear-gradient(135deg,#050505 0%,#d6af46 58%,#0b0b0b 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.loader-mark strong{letter-spacing:-.04em}.loader-line{z-index:1;background:#1218261a;border-radius:999px;height:5px;margin-top:28px;position:relative;overflow:hidden}.loader-line span{border-radius:inherit;background:linear-gradient(135deg,#050505 0%,#d6af46 52%,#0b0b0b 100%);width:48%;height:100%;animation:1.25s ease-in-out infinite loaderProgress;display:block}.nav-shell{background:#fffefae6;border-bottom-color:#d8dee8e6}.section-soft{background:#f4f6f8}.brand span,.eyebrow,nav button.active,nav button:hover,.project-stack,.label,.floating-card a:hover{color:var(--blue)}nav button:after,.section-title span,.profile-photo-wrap,.blue,.language-card,.contact-panel,.project-visual{background:linear-gradient(135deg,#050505 0%,#d6af46 52%,#0b0b0b 100%)}.dark{background:var(--ink)}.floating-card,.lift-card,.skill-card,.education-card,.project-card{background:var(--card);border-color:var(--line)}.icon-box,.skill-icon,.edu-icon,.badge{color:#8a6a1f;background:#f1e7c6}.chips span{color:#344154;background:#eef2f5}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.skill-card{grid-template-columns:44px 1fr;align-content:start;padding:22px}.skill-card h3{font-size:18px;line-height:1.25}.skill-icon{border-radius:9px;width:40px;height:40px;font-size:20px}.chips{gap:8px;margin-top:18px}.chips span{border-radius:8px;padding:8px 10px;font-size:14px}@media (max-width:1100px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.skills-grid{grid-template-columns:1fr}.skill-card{padding:22px}}#projects.content-section{padding-top:54px;padding-bottom:54px}#skills{background:#edf0f3}#projects .section-title{margin-bottom:36px}#projects .section-title h2{font-size:34px}#projects .section-title p{font-size:16px}.project-card{border-radius:16px;grid-template-columns:.9fr 1.1fr;max-width:840px}.project-visual{min-height:330px;padding:28px}.browser{border-radius:14px;height:66%}.project-wordmark{letter-spacing:0;color:#fff;text-shadow:0 18px 32px #00000038;font-size:38px;font-weight:800}.browser span{font-size:10px;bottom:18px}.project-copy{padding:34px}.project-copy h3{font-size:28px;line-height:1.15}.project-copy p,.project-copy li{font-size:15px;line-height:1.5}.project-copy ul{margin-bottom:22px}#projects .btn{padding:12px 18px}.actions .btn.blue{color:#121826;background:linear-gradient(135deg,#e5e7eb 0%,#c6cbd2 100%)}.hero{grid-template-columns:minmax(0,760px) minmax(360px,1fr);justify-content:start}.hero-copy{max-width:760px}.tools-stage{text-align:center;perspective:1200px;flex-direction:column;justify-content:center;align-items:center;min-height:520px;display:flex}.tools-stage>.eyebrow{margin:0 0 -22px;font-size:14px}.logo-carousel{--arrow-offset:190px;width:min(100%,720px);height:380px;position:relative}.logo-orbit{height:100%;transform-style:preserve-3d;position:relative}.tool-arrow{width:58px;height:58px;color:var(--ink);text-shadow:0 12px 24px #1218262e;z-index:5;background:0 0;border:0;place-items:center;font-size:64px;font-weight:300;line-height:1;transition:color .2s,text-shadow .2s;display:grid;position:absolute;top:50%}.tool-arrow:first-child{transform:translate(calc(var(--arrow-offset) * -1),-50%);left:50%}.tool-arrow:last-child{transform:translate(var(--arrow-offset),-50%);right:50%}.tool-arrow.clicked:first-child{animation:.26s arrowLeftTap}.tool-arrow.clicked:last-child{animation:.26s arrowRightTap}.tool-logo{transform-style:preserve-3d;place-items:center;gap:10px;transition:transform .45s,opacity .45s,filter .45s;display:grid;position:absolute;top:50%;left:50%}.tool-logo img{object-fit:contain;filter:drop-shadow(0 24px 32px #12182633);border-radius:30px;width:190px;height:190px;display:block}.tool-logo strong{color:var(--ink);font-size:22px}.tool-logo.active{opacity:1;filter:none;transform:translate(-50%,-50%)translateZ(190px)scale(1.22)}.tool-logo.right-one{opacity:0;pointer-events:none;filter:saturate(.85);transform:translate(78%,-50%)translateZ(30px)rotateY(-38deg)scale(.72)}.tool-logo.right-two{opacity:.28;filter:saturate(.55)blur(.2px);transform:translate(125%,-50%)translateZ(-90px)rotateY(-58deg)scale(.62)}.tool-logo.left-one{opacity:0;pointer-events:none;filter:saturate(.85);transform:translate(-178%,-50%)translateZ(30px)rotateY(38deg)scale(.72)}.tool-logo.left-two{opacity:.28;filter:saturate(.55)blur(.2px);transform:translate(-225%,-50%)translateZ(-90px)rotateY(58deg)scale(.62)}.tool-logo.back{opacity:0;pointer-events:none;transform:translate(-50%,-50%)translateZ(-120px)scale(.58)}.tool-logo.claude.active img{width:138px;height:138px}.tool-dots{justify-content:center;gap:9px;margin:-8px 0 18px;display:flex}.tool-dots button{width:7px;height:7px;box-shadow:none;background:#c8cdd4;border:0;border-radius:999px;padding:0;transition:width .25s,background .25s,transform .25s}.tool-dots button.active{background:linear-gradient(135deg,#050505 0%,#d6af46 55%,#0b0b0b 100%);width:26px;transform:translateY(-1px)}.tool-dots button:hover{background:#9ca3af}.tools-stage small{color:var(--muted);font-size:14px}.tool-line{background:linear-gradient(90deg,#0000 0%,#12182652 16%,#d6af46 50%,#12182652 84%,#0000 100%);border-radius:999px;width:112px;height:2px;box-shadow:0 8px 22px #d6af4638}@media (max-width:900px){.hero{grid-template-columns:1fr}.tools-stage{min-height:380px}.logo-carousel{--arrow-offset:150px;height:280px}.tool-logo img{width:150px;height:150px}}@keyframes arrowLeftTap{0%,to{transform:translate(calc(var(--arrow-offset) * -1),-50%)}45%{transform:translate(calc((var(--arrow-offset) + 24px) * -1),-50%) scale(1.18)}}@keyframes arrowRightTap{0%,to{transform:translate(var(--arrow-offset),-50%)}45%{transform:translate(calc(var(--arrow-offset) + 24px),-50%) scale(1.18)}}@keyframes loaderLift{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes glassSweep{0%{transform:translate(-120%)}70%,to{transform:translate(120%)}}@keyframes loaderProgress{0%{transform:translate(-110%)}55%{transform:translate(72%)}to{transform:translate(220%)}}@media (prefers-reduced-motion:reduce){.entry-loader{transition:none}.loader-glass,.loader-glass:before,.loader-line span{animation:none!important}.loader-line span{width:100%}}.content-section{scroll-margin-top:96px}.nav-shell{-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);background:linear-gradient(135deg,#ffffffb8 0%,#fffefa85 48%,#edf0f3ad 100%);border-bottom:1px solid #ffffff9e;box-shadow:0 18px 44px #12182614,inset 0 1px #ffffffd1}.project-carousel{grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:18px;max-width:1020px;margin:0 auto;display:grid}.project-carousel .project-card{grid-column:2;animation:.42s both projectSlideIn}.project-arrow{width:54px;height:54px;color:var(--ink);text-shadow:0 14px 28px #12182629;background:0 0;border:0;place-items:center;font-size:62px;font-weight:300;line-height:1;transition:color .2s,text-shadow .2s;display:grid}.project-arrow:hover{color:var(--blue);text-shadow:0 16px 32px #d6af4638}.project-arrow.clicked.project-prev{animation:.26s projectArrowLeftTap}.project-arrow.clicked.project-next{animation:.26s projectArrowRightTap}.project-logo-float{object-fit:contain;filter:drop-shadow(0 18px 28px #0000002e);width:min(78%,310px);max-height:135px;animation:5s ease-in-out infinite softFloat}@keyframes projectSlideIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes projectArrowLeftTap{0%,to{transform:translate(0)}45%{transform:translate(-16px)scale(1.14)}}@keyframes projectArrowRightTap{0%,to{transform:translate(0)}45%{transform:translate(16px)scale(1.14)}}@media (max-width:900px){.project-carousel{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.project-arrow{font-size:48px}.project-logo-float{width:min(78%,240px)}}@media (max-width:650px){.project-carousel{grid-template-columns:1fr}.project-carousel .project-card{grid-column:1}.project-arrow{z-index:2;position:absolute}.project-carousel{position:relative}.project-prev{left:4px}.project-next{right:4px}}