:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0;overflow-x:hidden}*,:before,:after{box-sizing:border-box}#root{text-align:left;box-sizing:border-box;width:100%;max-width:none;min-height:100svh;margin:0;padding:0;display:block}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%), #5878ff1f, transparent 45%);transition:background 80ms;position:fixed;inset:0}.portfolio{z-index:1;width:100%;min-height:100vh;position:relative}.navbar{z-index:999}.logo{color:#f3f4f6;text-decoration:none}.navbar .logo{overflow:hidden}.navbar .logo .logo-image{object-fit:contain;width:64px;max-width:64px;height:30px;display:block}.nav-cta{color:#e8e9ee;background:#8b7cff0a;border:1px solid #8b7cffa6;border-radius:8px;padding:10px 17px;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .25s,background .25s,border-color .25s}.nav-cta:hover{background:#8b7cff1a;border-color:#9a8cff;transform:translateY(-2px)}.hero{flex-direction:column;justify-content:center;min-height:calc(100vh - 78px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(260px circle at var(--mouse-x,50%) var(--mouse-y,50%), black 0%, #000c 35%, transparent 75%);mask-image:radial-gradient(260px circle at var(--mouse-x,50%) var(--mouse-y,50%), black 0%, #000c 35%, transparent 75%);-webkit-mask-image:radial-gradient(260px circle at var(--mouse-x,50%) var(--mouse-y,50%), black 0%, #000c 35%, transparent 75%);opacity:.7;background-image:linear-gradient(#8b7eff1f 1px,#0000 1px),linear-gradient(90deg,#8b7eff1f 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;z-index:0;transform-origin:bottom;opacity:.9;background:repeating-linear-gradient(90deg,#746aff2e 0 1px,#0000 1px 38px),repeating-linear-gradient(0deg,#746aff1f 0 1px,#0000 1px 28px);height:320px;animation:12s linear infinite meshDrift;position:absolute;bottom:-45px;left:-10%;right:-10%;transform:perspective(700px)rotateX(72deg)rotate(-2deg)scaleX(1.3)scaleY(1.15);-webkit-mask-image:linear-gradient(#0000,#00000059 45%,#000000e6);mask-image:linear-gradient(#0000,#00000059 45%,#000000e6)}.hero>*{z-index:1;position:relative}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(480px,.92fr);align-items:center;gap:clamp(50px,5vw,90px);width:100%;margin:0 auto;padding:70px clamp(42px,5vw,82px) 95px;display:grid}.hero-content{z-index:2;text-align:left;padding:0;position:relative}.intro{color:#9ca6ba;letter-spacing:.04em;align-items:center;gap:10px;margin-bottom:20px;font-size:.95rem;font-weight:500;display:inline-flex}.intro:before{content:"";background:linear-gradient(90deg,#8b7eff,#8b7eff26);width:28px;height:1px;box-shadow:0 0 12px #8b7eff73}.hero-content h1{letter-spacing:-.055em;max-width:820px;margin:0;font-size:clamp(4rem,5.4vw,6rem);font-weight:750;line-height:.92}.hero-content h3{letter-spacing:.12em;background:linear-gradient(90deg,#c7bfff 0%,#8b7eff 38%,#6fa8ff 68%,#9fa8ba 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:24px 0 18px;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:500}.hero-description{color:#9ca6b8;max-width:590px;margin:0 0 32px;font-size:1.05rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:13px;display:flex}.primary-button,.secondary-button{border-radius:9px;padding:13px 20px;font-weight:600;text-decoration:none;transition:transform .25s,border-color .25s,background .25s;display:inline-block}.primary-button{color:#101218;background:#e8eaf0}.secondary-button{color:#e6e8ed;background:#ffffff04;border:1px solid #3c4350}.primary-button:hover,.secondary-button:hover{transform:translateY(-3px)}.secondary-button:hover{border-color:#858da0}.hero-socials{flex-wrap:wrap;gap:22px;margin-top:27px;display:flex}.hero-socials a{color:#7f899b;font-size:.9rem;text-decoration:none}.hero-socials a:hover{color:#f0f2f5}.availability{color:#858fa0;align-items:center;gap:9px;margin-top:30px;font-size:.88rem;display:flex}.availability-dot{background:#7ef0b1;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #7ef0b114,0 0 16px #7ef0b180}.hero-visual{justify-content:center;justify-self:end;align-items:center;width:100%;max-width:640px;min-height:470px;display:flex;position:relative}.visual-glow{filter:blur(32px);background:radial-gradient(circle,#7e58ff57 0%,#4966ff29 35%,#0000 72%);border-radius:50%;width:390px;height:390px;position:absolute}.visual-window{z-index:2;-webkit-backdrop-filter:blur(24px)saturate(115%);width:min(100%,560px);transform:translate(var(--parallax-x,0px), var(--parallax-y,0px)) rotate(-2deg);background:linear-gradient(145deg,#1e222df2,#11141ce0);border:1px solid #ffffff14;border-radius:14px;transition:transform .35s;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000007a,0 0 70px #6b5cff14,inset 0 1px #ffffff0d,inset 0 -1px #ffffff05}.visual-window:hover{transform:rotate(0)translateY(-5px)}.window-top{border-bottom:1px solid #ffffff0f;align-items:center;gap:7px;height:43px;padding:0 16px;display:flex}.window-top span{background:#505664;border-radius:50%;width:9px;height:9px}.window-code{color:#a9b1bf;padding:30px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.9}.window-code p{margin:0}.code-purple{color:#b095ff}.code-string{color:#8dd8c8}.floating-card{z-index:3;-webkit-backdrop-filter:blur(15px);background:#12151ddb;border:1px solid #ffffff14;border-radius:11px;flex-direction:column;padding:14px 17px;display:flex;position:absolute;box-shadow:0 18px 45px #00000052}.floating-card span{color:#727c90;letter-spacing:.12em;font-size:.64rem}.floating-card strong{color:#f0f2f5;margin-top:5px}.floating-card small{color:#737d8f;margin-top:3px}.card-one{transform:translate(calc(var(--parallax-x,0px) * 1.35), calc(var(--parallax-y,0px) * 1.35));transition:transform .12s ease-out;top:28px;right:30px}.card-one strong{font-size:1.9rem}.card-two{transform:translate(calc(var(--parallax-x,0px) * -.9), calc(var(--parallax-y,0px) * -.9));transition:transform .12s ease-out;bottom:28px;left:5px}.scroll-down{color:#60697a;letter-spacing:.08em;font-size:.75rem;text-decoration:none;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-down:hover{color:#b5bcc8}main{width:100%;padding-left:clamp(42px,6vw,100px);padding-right:clamp(42px,6vw,100px)}section{border-top:1px solid #292d35;padding:100px 0}.section-label{letter-spacing:2px;color:#7f8794;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:600}section p{color:#aeb5c2;max-width:750px;line-height:1.8}.about-heading h2,.skills-heading h2,.projects-heading h2,.education-heading h2,.contact-heading h2{letter-spacing:-.045em;font-size:clamp(2.8rem,5vw,5rem);line-height:1.02;font-weight:inherit;margin:0}.about-heading h2 span,.skills-heading h2 span,.projects-heading h2 span,.education-heading h2 span,.contact-heading h2 span{color:#8f98aa}#about,#skills,#projects,#education,#contact{scroll-margin-top:95px}.about-section{background:0 0;padding-top:120px;padding-bottom:120px;position:relative;overflow:hidden}.about-layout{grid-template-columns:minmax(520px,1.25fr) minmax(430px,.95fr) minmax(300px,.72fr);align-items:center;gap:28px;display:grid}.about-left{z-index:3;position:relative}.about-heading{max-width:720px;margin-bottom:36px}.about-heading h2{color:#f3f4f6;max-width:700px}.about-heading h2 span{display:block}.about-text{max-width:650px}.about-text p{color:#9da6b6;margin:0 0 20px;font-size:1.02rem;line-height:1.8}.about-metrics{align-items:stretch;margin-top:34px;display:flex}.about-metric{min-width:135px;margin-right:30px;padding-right:30px;position:relative}.about-metric:not(:last-child):after{content:"";background:#ffffff14;width:1px;height:48px;position:absolute;top:4px;right:0}.about-metric strong{color:#f3f4f6;margin-bottom:5px;font-size:1.75rem;line-height:1;display:block}.about-metric span{color:#929bac;font-size:.85rem}.about-learning{color:#909aac;align-items:center;gap:12px;margin-top:38px;font-size:.9rem;display:flex}.about-learning-dot{background:#8b7eff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #8b7effcc}.about-learning-line{background:linear-gradient(90deg,#8b7effa6,#0000);width:85px;height:1px;margin-left:10px}.about-portrait-area{z-index:2;justify-content:center;align-items:flex-end;min-height:650px;display:flex;position:relative}.about-profile-image{z-index:2;object-fit:contain;transform-origin:bottom;filter:brightness(1.03)contrast(1.02)saturate(.98);width:520px;max-width:115%;height:auto;display:block;position:relative;transform:scale(1.08);-webkit-mask-image:linear-gradient(#000 0% 72%,#000000eb 82%,#00000073 92%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#000000eb 82%,#00000073 92%,#0000 100%)}.about-orbit,.about-portrait-glow{display:none}.about-developer-tag{z-index:3;color:#8d97ab;letter-spacing:.15em;font-size:.68rem;line-height:1.45;position:absolute;bottom:62px;right:5px}.about-info-cards{z-index:3;gap:16px;display:grid;position:relative}.about-info-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#1b1e27d9,#12151ccc);border:1px solid #ffffff12;border-radius:14px;min-height:125px;padding:20px;transition:transform .28s,border-color .28s,box-shadow .28s;position:relative}.about-info-card:hover{border-color:#8b7eff47;transform:translateY(-5px);box-shadow:0 18px 45px #00000038}.about-info-label{letter-spacing:.15em;color:#757f91;margin-bottom:16px;font-size:.66rem;display:block}.about-info-card h3{color:#f1f3f6;margin:0 0 8px;font-size:1.35rem}.about-info-card p{color:#8e98a9;margin:0;font-size:.88rem;line-height:1.55}.about-info-card strong{color:#f3f4f6;margin-bottom:9px;font-size:2rem;display:block}.about-info-card strong small{color:#7e8798;font-size:.9rem}.about-info-year{color:#929bad;background:#ffffff08;border-radius:999px;padding:6px 10px;font-size:.68rem;position:absolute;top:20px;right:20px}.skills-section{padding-top:120px;padding-bottom:120px}.skills-heading{max-width:850px;margin-bottom:55px}.skills-layout{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.skill-panel{-webkit-backdrop-filter:blur(14px);background:linear-gradient(145deg,#1b1e27d1,#12151cc2);border:1px solid #ffffff12;border-radius:16px;min-height:260px;padding:26px;transition:transform .28s,border-color .28s,box-shadow .28s}.skill-panel:hover{border-color:#8b7cff59;transform:translateY(-5px);box-shadow:0 20px 50px #00000038}.skill-panel-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.skill-panel-top>span{letter-spacing:.15em;color:#737c8e;font-size:.68rem}.skill-panel-top h3{color:#e9ebef;margin:0;font-size:1.1rem;font-weight:600}.skill-items{gap:13px;display:grid}.skill-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;display:flex}.skill-item:last-child{border-bottom:none}.skill-item strong{color:#f0f2f5;font-size:1rem}.skill-item span{color:#7f8999;text-align:right;font-size:.82rem}.skill-tags{flex-wrap:wrap;gap:10px;display:flex}.skill-tags span{color:#a7afbd;background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;padding:9px 13px;transition:transform .25s,border-color .25s,color .25s,background .25s}.skill-tags span:hover{color:#f2f3f6;background:#8b7cff0f;border-color:#8b7cff73;transform:translateY(-2px)}.exploring-panel{background:radial-gradient(circle at 85% 20%,#7258ff29,#0000 38%),linear-gradient(145deg,#1b1e27d1,#12151cc2);flex-direction:column;justify-content:space-between;min-height:260px;display:flex;position:relative;overflow:hidden}.exploring-label{letter-spacing:.16em;color:#8b82ff;margin:0 0 15px;font-size:.68rem}.exploring-panel h3{color:#f0f2f5;margin:0 0 12px;font-size:1.45rem}.exploring-panel p{color:#8f98a9;max-width:520px;margin:0;line-height:1.7}.exploring-list{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.exploring-list span{color:#a79fff;background:#8b7cff0d;border:1px solid #8b7cff38;border-radius:8px;padding:8px 12px;font-size:.85rem}.projects-section{padding-top:120px;padding-bottom:120px}.projects-heading{max-width:900px;margin-bottom:55px}.projects-showcase{gap:18px;display:grid}.project-feature{background:linear-gradient(145deg,#1b1e27d6,#12151cc7);border:1px solid #ffffff12;border-radius:16px;padding:28px;transition:transform .28s,border-color .28s,box-shadow .28s;position:relative;overflow:hidden}.project-feature:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at 85% 20%,#6f54ff14,#0000 35%);transition:opacity .28s;position:absolute;inset:0}.project-feature:hover{border-color:#8b7cff52;transform:translateY(-5px);box-shadow:0 24px 60px #0000003d}.project-feature:hover:before{opacity:1}.project-feature-top{z-index:1;justify-content:space-between;align-items:center;margin-bottom:34px;display:flex;position:relative}.project-index{letter-spacing:.16em;color:#727b8d;font-size:.72rem}.project-status{letter-spacing:.12em;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:.67rem;display:inline-flex}.project-status:before{content:"";border-radius:50%;width:6px;height:6px}.project-status.completed{color:#8fe1ba;background:#64dca50a;border:1px solid #64dca52e}.project-status.completed:before{background:#71dfad;box-shadow:0 0 10px #71dfad99}.project-status.progress{color:#aaa2ff;background:#8b7cff0d;border:1px solid #8b7cff33}.project-status.progress:before{background:#8d80ff;box-shadow:0 0 10px #8d80ff99}.project-feature-content{z-index:1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;display:grid;position:relative}.project-feature-content>div{max-width:850px}.project-feature h3{letter-spacing:-.03em;color:#f1f3f6;margin:0 0 16px;font-size:clamp(1.7rem,3vw,2.6rem)}.project-feature p{color:#909aaa;max-width:760px;margin:0;font-size:1rem;line-height:1.75}.project-feature .project-tech{flex-wrap:wrap;gap:9px;margin-top:24px;padding-top:0;display:flex}.project-feature .project-tech span{color:#a1a9b7;background:#ffffff05;border:1px solid #ffffff12;border-radius:8px;padding:8px 12px;font-size:.84rem}.project-link{white-space:nowrap;background:#8b7cff0d;border:1px solid #8b7cff47;border-radius:9px;align-items:center;gap:8px;padding:11px 15px;text-decoration:none;transition:transform .25s,border-color .25s,background .25s;display:inline-flex;position:relative;color:#ddd9ff!important}.project-link:after{content:"↗";transition:transform .25s;display:inline-block}.project-link:hover{background:#8b7cff1a;border-color:#8b7cff99;transform:translateY(-2px);opacity:1!important}.project-link:hover:after{transform:translate(3px,-3px)}.project-building{background:radial-gradient(circle at 90% 10%,#6f54ff12,#0000 32%),linear-gradient(145deg,#191c25d1,#11141bc7)}.education-section{padding-top:120px;padding-bottom:120px}.education-heading{max-width:900px;margin-bottom:65px}.education-list{border-top:1px solid #ffffff14}.education-row{border-bottom:1px solid #ffffff14;grid-template-columns:180px minmax(0,1fr) 130px;align-items:center;gap:40px;padding:38px 10px;transition:padding-left .28s,background .28s;display:grid}.education-row:hover{background:linear-gradient(90deg,#8b7cff0f,#0000 65%);padding-left:22px}.education-year{letter-spacing:.13em;color:#7d8697;font-size:.78rem}.education-type{letter-spacing:.15em;color:#9188ff;margin-bottom:9px;font-size:.68rem;transition:color .25s;display:block}.education-row:hover .education-type{color:#b7adff}.education-main h3{letter-spacing:-.02em;color:#eef0f4;margin:0 0 8px;font-size:clamp(1.25rem,2vw,1.7rem)}.education-main p{color:#8993a4;margin:0;line-height:1.6}.education-score{text-align:right}.education-score span{letter-spacing:.15em;color:#727c8e;margin-bottom:6px;font-size:.65rem;display:block}.education-score strong{color:#f1f3f6;font-size:1.65rem;transition:color .25s,transform .25s;display:inline-block}.education-row:hover .education-score strong{color:#a99cff;transform:translate(-4px)}.contact-section{padding-top:120px;padding-bottom:120px;position:relative}.contact-heading{max-width:950px;margin-bottom:60px}.contact-grid{grid-template-columns:1fr auto;align-items:end;gap:60px;display:grid}.contact-copy{max-width:650px}.contact-copy p{color:#949eae;margin:0;font-size:1.05rem;line-height:1.8}.contact-availability{color:#8e98a8;align-items:center;gap:10px;margin-top:24px;font-size:.9rem;display:flex}.contact-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.contact-primary,.contact-secondary{border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:600;text-decoration:none;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;display:inline-flex}.contact-primary{color:#111318;background:#eceef3}.contact-secondary{color:#ddd9ff;background:#8b7cff0d;border:1px solid #8b7cff4d}.contact-primary:hover,.contact-secondary:hover{transform:translateY(-3px)}.contact-primary:hover{background:#fff;box-shadow:0 12px 28px #00000038}.contact-secondary:hover{background:#8b7cff1a;border-color:#8b7cff99}.contact-secondary:after{content:"↗";transition:transform .25s;display:inline-block}.contact-secondary:hover:after{transform:translate(3px,-3px)}footer{color:#8f96a3;border-top:1px solid #292d35;justify-content:space-between;gap:20px;width:100%;padding:40px clamp(42px,6vw,100px);display:flex}.hero-animate{opacity:0;filter:blur(5px);animation:.9s cubic-bezier(.16,1,.3,1) forwards heroReveal;transform:translateY(45px)}.hero-delay-1{animation-delay:.1s}.hero-delay-2{animation-delay:.22s}.hero-delay-3{animation-delay:.34s}.hero-delay-4{animation-delay:.46s}.hero-delay-5{animation-delay:.58s}.hero-delay-6{animation-delay:.7s}.hero-delay-7{animation-delay:.82s}.hero-visual-animate{opacity:0;animation:1.1s cubic-bezier(.16,1,.3,1) .35s forwards heroVisualReveal;transform:translate(70px)scale(.94)}@keyframes heroReveal{0%{opacity:0;filter:blur(5px);transform:translateY(45px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes heroVisualReveal{0%{opacity:0;transform:translate(70px)scale(.94)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes meshDrift{0%{background-position:0 0,0 0}to{background-position:152px 0,0 112px}}@media (width>=1001px){.navbar{width:calc(100% - 48px);max-width:1440px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:12px auto 0;padding:0;display:grid;position:sticky;top:12px}.logo,.nav-cta{box-sizing:border-box;justify-content:center;align-items:center;height:48px;display:flex}.logo{-webkit-backdrop-filter:blur(18px);background:#1012189e;border:1px solid #ffffff14;border-radius:24px;padding:0 16px;box-shadow:0 10px 30px #0000002e,inset 0 1px #ffffff0a}.nav-cta{-webkit-backdrop-filter:blur(18px);background:#1012189e;border-color:#8b7cff57;border-radius:24px;padding:0 20px;box-shadow:0 10px 30px #0000002e,inset 0 1px #ffffff0a}.nav-cta:hover{background:#8b7cff14;border-color:#8b7cff8c}.nav-links{isolation:isolate;-webkit-backdrop-filter:blur(18px);--lens-x:0px;background:#10121894;border:1px solid #ffffff12;border-radius:999px;grid-template-columns:repeat(7,88px);justify-self:center;gap:4px;padding:6px;display:grid;position:relative;box-shadow:0 10px 30px #00000029,inset 0 1px #ffffff09}.nav-links a{z-index:2;width:88px;box-shadow:none;color:#9da5b4;text-align:center;background:0 0;border:none;border-radius:22px;padding:9px 4px;font-size:.9rem;font-weight:500;text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),color .3s;position:relative}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:hover{transform:translateY(-1px)}.nav-slider{z-index:3;-webkit-backdrop-filter:saturate(135%)brightness(1.08);pointer-events:none;width:88px;height:calc(100% - 12px);transform:translateX(var(--lens-x));background:#ffffff0b;border:1px solid #ffffff24;border-radius:18px;transition:transform .55s cubic-bezier(.22,1,.36,1);position:absolute;top:6px;left:6px;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #8b7cff14,0 5px 18px #0000002e}.nav-slider:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff29,#0000 45%);position:absolute;inset:2px}.nav-links[data-active=home]{--lens-x:0px}.nav-links[data-active=about]{--lens-x:92px}.nav-links[data-active=skills]{--lens-x:184px}.nav-links[data-active=projects]{--lens-x:276px}.nav-links[data-active=education]{--lens-x:368px}.nav-links[data-active=contact]{--lens-x:552px}.nav-links a.magnifier-pass{animation:.5s cubic-bezier(.22,1,.36,1) magnifierPass}.mobile-menu{display:none!important}}@keyframes magnifierPass{0%{transform:scaleX(1)scaleY(1)}35%{transform:scaleX(1.12)scaleY(1.08)}65%{transform:scaleX(1.06)scaleY(1.04)}to{transform:scaleX(1)scaleY(1)}}@media (width>=1181px){.about-section{padding-top:70px;padding-bottom:70px}.about-layout{grid-template-columns:minmax(0,1.12fr) minmax(430px,.92fr) minmax(270px,.66fr);align-items:center;gap:26px;max-width:1320px;margin:0 auto}.about-left{align-self:center}.about-heading{max-width:640px;margin-bottom:30px}.about-heading h2{max-width:640px}.about-text{max-width:570px}.about-text p{margin-bottom:16px;font-size:.98rem;line-height:1.7}.about-metrics{margin-top:24px}.about-learning{margin-top:26px}.about-portrait-area{align-items:center;min-height:520px}.about-profile-image{width:500px;max-width:none;transform:translateY(-5px)scale(1.04)}.about-developer-tag{bottom:40px;right:12px}.about-info-cards{align-self:center;gap:12px}.about-info-card{min-height:108px;padding:17px 18px}.about-info-label{margin-bottom:10px}.about-info-card h3{font-size:1.15rem}.about-info-card p{font-size:.84rem}.about-info-card strong{font-size:1.65rem}}@media (width<=1180px){.about-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)}.about-info-cards{grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin-top:20px}.about-portrait-area{min-height:560px}}@media (width<=1000px){.navbar{-webkit-backdrop-filter:blur(18px);background:#1012189e;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:520px;padding:7px 15px;transition:width .3s,padding .3s,border-radius .3s,background .3s;display:flex;position:fixed;top:8px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000038,inset 0 1px #ffffff0a}.navbar.scrolled{background:#101218c7;border-radius:999px;width:calc(100% - 52px);padding:5px 13px;box-shadow:0 14px 40px #00000047,inset 0 1px #ffffff0d}.navbar .logo{transition:transform .3s,font-size .3s}.navbar.scrolled .logo{transform:scale(.96)}.nav-links{display:none}.navbar .mobile-menu-trigger,.navbar .mobile-menu-trigger:hover,.navbar .mobile-menu-trigger:focus,.navbar .mobile-menu-trigger:active{box-shadow:none;cursor:pointer;background:0 0;border:none;outline:none}.navbar .mobile-menu-trigger .logo-image{box-shadow:none;background:0 0;border:none}.mobile-menu{box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;z-index:1001;background:0 0;border:none;outline:none;flex-direction:column;gap:10px;padding:0;transition:opacity .25s,transform .3s cubic-bezier(.22,1,.36,1),visibility .25s;display:flex;position:absolute;top:calc(100% + 14px);left:16px;transform:translateY(-8px)}.mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mobile-menu:before{content:"";z-index:0;background:#8b7cff2e;width:1px;position:absolute;top:20px;bottom:20px;left:13px}.mobile-menu a{z-index:1;color:#c8ccd5;opacity:0;background:#0f1118fe;border:1px solid #ffffff1a;border-radius:999px;align-items:center;width:132px;height:42px;padding:0 14px 0 46px;font-size:.84rem;font-weight:600;text-decoration:none;transition:opacity .22s,transform .32s cubic-bezier(.22,1,.36,1),background .22s,border-color .22s,color .22s;display:flex;position:relative;transform:translateY(-6px);box-shadow:0 8px 20px #0000002e,inset 0 1px #ffffff09}.mobile-menu-icon{color:#e2e5eb;z-index:2;background:#13151df5;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;display:grid;position:absolute;left:-8px;box-shadow:0 7px 18px #00000047,inset 0 1px #ffffff0d}.mobile-menu a.active{color:#fff;background:linear-gradient(90deg,#8b7cff38,#101219fa);border-color:#8b7cff61}.mobile-menu a.active .mobile-menu-icon{color:#fff;background:linear-gradient(135deg,#8b7cff,#6048ff);border-color:#a79aff8c;transform:scale(1.04);box-shadow:0 0 16px #7864ff47,0 7px 18px #0000003d}.mobile-menu.open a{opacity:1;transform:translateY(0)}.mobile-menu.open a:first-child{transition-delay:20ms}.mobile-menu.open a:nth-child(2){transition-delay:50ms}.mobile-menu.open a:nth-child(3){transition-delay:80ms}.mobile-menu.open a:nth-child(4){transition-delay:.11s}.mobile-menu.open a:nth-child(5){transition-delay:.14s}.mobile-menu.open a:nth-child(6){transition-delay:.17s}.hero-grid{grid-template-columns:1fr;gap:60px;padding-top:90px}.hero-visual{justify-self:center;max-width:620px;min-height:400px}.card-one{right:20px}.card-two{left:20px}.scroll-down{display:none}}@media (width<=900px){.about-section{padding-top:100px;padding-bottom:100px}.about-layout{grid-template-columns:1fr}.about-left{max-width:760px}.about-portrait-area{max-width:520px;min-height:520px;margin:20px auto 0}.about-info-cards{grid-template-columns:repeat(2,1fr)}.about-info-large{grid-column:1/-1}.skills-layout{grid-template-columns:1fr}}@media (width<=800px){.project-feature-content{grid-template-columns:1fr;gap:28px}.project-link{justify-self:start}.education-row{grid-template-columns:1fr;gap:18px}.education-score{text-align:left}.contact-grid{grid-template-columns:1fr}.contact-actions{justify-content:flex-start}footer{flex-direction:column}}@media (width<=700px){.hero,.about-section,.skills-section,.projects-section,.education-section,.contact-section{height:auto;min-height:auto}.hero{padding-top:45px;padding-bottom:72px}.hero:after{height:140px;bottom:-35px}.visual-window{margin-top:16px}.about-section{padding-top:72px;padding-bottom:72px}.skills-section,.projects-section,.education-section,.contact-section{padding-top:60px;padding-bottom:60px}.about-heading{margin-bottom:36px}.skills-heading,.projects-heading,.education-heading,.contact-heading{margin-bottom:30px}.about-portrait-area{justify-content:center;align-items:flex-end;height:auto;min-height:0;margin-top:22px;display:flex}.about-profile-image{width:min(100%,300px);height:auto;margin:0 auto;transform:none}.about-info-cards{margin-top:12px}.project-feature h3{line-height:1.05}#about,#skills,#projects,#education,#contact{scroll-margin-top:90px}}@media (width<=560px){.hero-grid{padding:56px 22px 40px}.hero-content h1{font-size:clamp(3rem,15vw,4.6rem)}.hero-visual{display:none}main{padding-left:22px;padding-right:22px}.about-text p{font-size:.98rem}.about-metrics{flex-wrap:wrap;gap:22px}.about-metric{min-width:auto;margin-right:0;padding-right:22px}.about-metric:not(:last-child):after{right:4px}.about-learning-line{width:45px}.about-developer-tag{display:none}.about-info-cards{grid-template-columns:1fr}.about-info-large{grid-column:auto}.skill-panel{min-height:auto;padding:20px}.skill-panel-top{margin-bottom:20px}.skill-item{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.skill-item span{text-align:left}.project-feature{padding:18px}.project-feature-top{margin-bottom:20px}.project-feature .project-tech{gap:7px;margin-top:18px}.project-feature .project-tech span{padding:7px 10px;font-size:.8rem}.education-heading{margin-bottom:36px}.education-row{gap:14px;padding:24px 4px}.education-row:hover{padding-left:8px}.contact-actions{width:100%}.contact-primary,.contact-secondary{width:100%;padding:11px 16px}footer{padding-left:22px;padding-right:22px}}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #8b7cff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=700px){.skills-section,.projects-section,.education-section,.contact-section{padding-top:52px!important;padding-bottom:52px!important}.skills-heading,.projects-heading,.education-heading,.contact-heading{margin-bottom:26px!important}.skills-layout{gap:12px!important}.skill-panel,.exploring-panel{border-radius:14px!important;min-height:0!important;padding:18px 20px!important}.skill-panel-top{margin-bottom:14px!important}.skill-panel-top h3{font-size:1rem!important}.skill-items{gap:0!important}.skill-item{grid-template-columns:minmax(72px,.7fr) minmax(0,1.3fr)!important;align-items:center!important;gap:12px!important;padding:10px 0!important;display:grid!important}.skill-item strong{font-size:.94rem!important}.skill-item span{text-align:left!important;font-size:.78rem!important;line-height:1.35!important}.skill-tags{gap:7px!important}.skill-tags span{border-radius:7px!important;padding:7px 10px!important;font-size:.8rem!important}.exploring-panel h3{margin-bottom:8px!important;font-size:1.25rem!important}.exploring-panel p{font-size:.9rem!important;line-height:1.55!important}.exploring-list{gap:7px!important;margin-top:16px!important}.exploring-list span{padding:7px 10px!important;font-size:.78rem!important}.projects-showcase{gap:12px!important}.project-feature{border-radius:14px!important;padding:17px 18px!important}.project-feature-top{margin-bottom:16px!important}.project-feature-content{gap:18px!important}.project-feature h3{margin-bottom:10px!important;font-size:1.45rem!important;line-height:1.08!important}.project-feature p{font-size:.9rem!important;line-height:1.55!important}.project-feature .project-tech{gap:6px!important;margin-top:14px!important}.project-feature .project-tech span{padding:6px 9px!important;font-size:.76rem!important}.project-link{padding:9px 12px!important;font-size:.84rem!important}.education-heading{margin-bottom:26px!important}.education-row{gap:10px!important;padding:20px 4px!important}.education-year{font-size:.7rem!important}.education-type{margin-bottom:5px!important}.education-main h3{margin-bottom:5px!important;font-size:1.15rem!important}.education-main p{font-size:.88rem!important;line-height:1.45!important}.education-score span{margin-bottom:3px!important}.education-score strong{font-size:1.4rem!important}.contact-grid{gap:24px!important}.contact-copy p{font-size:.92rem!important;line-height:1.6!important}.contact-availability{margin-top:16px!important}.contact-actions{gap:9px!important}.contact-primary,.contact-secondary{padding:10px 14px!important;font-size:.88rem!important}}