*{box-sizing:border-box}html,body,#root{background:#040404;width:100%;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}html{scroll-behavior:smooth}body{color:#f4ead5;overflow-x:hidden}main{width:100%}.hero{background:radial-gradient(circle at 72% 45%,#b0853d21,#0000 30%),#040404;width:100%;min-height:100vh;position:relative;overflow:hidden}.hero-scene{z-index:1;position:absolute;inset:0}.hero-scene canvas{width:100%!important;height:100%!important}.navbar{z-index:20;justify-content:space-between;align-items:center;padding:28px 5vw;display:flex;position:absolute;top:0;left:0;right:0}.logo{color:#e3c47e;letter-spacing:2px;border:1px solid #dcbe828c;border-radius:50%;place-items:center;width:44px;height:44px;font-size:14px;display:grid}.nav-links{color:#f4ead5ad;letter-spacing:1px;gap:32px;font-size:13px;display:flex}.nav-links span{cursor:pointer;transition:all .3s}.nav-links span:hover{color:#e3c47e}.hero-content{z-index:10;width:min(430px,34vw);position:absolute;top:49%;left:7vw;transform:translateY(-50%)}.eyebrow{color:#cba967;letter-spacing:4px;margin:0 0 20px;font-size:12px;font-weight:600}h1{letter-spacing:-4px;white-space:nowrap;margin:0;font-size:clamp(52px,6.5vw,96px);font-weight:700;line-height:.88}h1 span{color:#e2c37c}.description{color:#f4ead5a8;max-width:390px;margin:28px 0;font-size:15px;line-height:1.7}.hero-buttons{gap:14px;display:flex}button{color:#111;cursor:pointer;background:#d4b36d;border:none;border-radius:4px;padding:14px 24px;font-size:13px;font-weight:700;transition:all .3s}button:hover{background:#e3c47e;transform:translateY(-3px)}button.outline{color:#e8dcc2;background:0 0;border:1px solid #d8be8473}.scroll-text{z-index:10;color:#f4ead566;letter-spacing:3px;font-size:10px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.about{background:#080706;width:100%;min-height:100vh;position:relative;overflow:hidden}.about-visual{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.about-visual img{object-fit:cover;object-position:center;filter:saturate(.95)contrast(1.05);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.about-visual:after{content:"";z-index:3;background:linear-gradient(90deg,#05050405,#05050433 42%,#050504db 76%,#080706 100%);position:absolute;inset:0}.about-visual:before{content:"";z-index:4;background:linear-gradient(#05050459,#0000 22% 76%,#0505048c);position:absolute;inset:0}.about-content{z-index:10;flex-direction:column;justify-content:center;width:42%;min-height:100vh;margin-left:58%;padding:80px 7vw 80px 35px;display:flex;position:relative}.section-label{color:#c9a965;letter-spacing:4px;margin:0 0 18px;font-size:11px;font-weight:600}.about-content h2{letter-spacing:-3px;margin:0 0 28px;font-size:clamp(42px,4.5vw,70px);line-height:.95}.about-content h2 span{color:#d9b76d}.about-content p{color:#f4ead5c2;max-width:520px;margin:0 0 18px;font-size:15px;line-height:1.8}.about-tags{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.about-tags span{color:#d9bd7d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a09077a;border:1px solid #d6b46c59;border-radius:30px;padding:9px 14px;font-size:11px}.skills{background:radial-gradient(circle at 50% 45%,#b589411f,#0000 35%),#060605;min-height:100vh;padding:110px 7vw 70px;position:relative;overflow:hidden}.skills-background{pointer-events:none;position:absolute;inset:0}.skills-grid{opacity:.14;transform-origin:bottom;background-image:linear-gradient(#dab86c1f 1px,#0000 1px),linear-gradient(90deg,#dab86c1f 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;transform:perspective(500px)rotateX(58deg)scale(1.5)}.skills-orb{filter:blur(90px);border-radius:50%;position:absolute}.orb-one{background:#c9a04f1a;width:350px;height:350px;top:30%;left:12%}.orb-two{background:#8e73401a;width:300px;height:300px;bottom:15%;right:12%}.skills-heading{z-index:5;max-width:500px;margin-bottom:65px;position:relative}.skills-heading h2{letter-spacing:-4px;margin:0 0 22px;font-size:clamp(48px,5.5vw,78px);line-height:.9}.skills-heading h2 span{color:#d9b76d}.skills-heading p:last-child{color:#f4ead59e;max-width:440px;font-size:15px;line-height:1.7}.skills-stage{z-index:5;perspective:1200px;grid-template-columns:repeat(6,minmax(120px,1fr));align-items:center;gap:22px;width:100%;min-height:430px;display:grid;position:relative}.skill-object{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff13,#ffffff05);border:1px solid #dcbc7438;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:145px;padding:24px 15px;transition:all .5s;animation:3.8s ease-in-out infinite skillFloat;display:flex;position:relative;transform:rotateX(8deg)rotateY(-8deg);box-shadow:0 25px 50px #00000059,inset 0 1px #ffffff14}.skill-object:nth-child(2){animation-delay:-.7s}.skill-object:nth-child(3){animation-delay:-1.4s}.skill-object:nth-child(4){animation-delay:-2.1s}.skill-object:nth-child(5){animation-delay:-2.8s}.skill-object:nth-child(6){animation-delay:-1.1s}.skill-object:nth-child(7){animation-delay:-1.8s}.skill-object:nth-child(8){animation-delay:-2.5s}.skill-object:nth-child(9){animation-delay:-3.2s}@keyframes skillFloat{0%{transform:rotateX(8deg)rotateY(-8deg)translateY(0)}25%{transform:rotateX(4deg)rotateY(-3deg)translateY(-22px)}50%{transform:rotateX(-4deg)rotateY(5deg)translateY(4px)}75%{transform:rotateX(6deg)rotateY(-5deg)translateY(-18px)}to{transform:rotateX(8deg)rotateY(-8deg)translateY(0)}}.skill-object:hover{transform:rotateX(0)rotateY(0)translateY(-12px)translateZ(25px)}.skill-logo-wrap{background:linear-gradient(145deg,#ffffff14,#ffffff04);border:1px solid #e1c17c2e;border-radius:20px;justify-content:center;align-items:center;width:82px;height:82px;transition:all .45s;display:flex;box-shadow:inset 0 1px #ffffff14,0 15px 30px #0000004d}.skill-logo{object-fit:contain;width:58px;height:58px;transition:transform .45s,filter .45s;display:block}.skill-object:hover .skill-logo-wrap{border-color:#e0be6f8c;transform:translateY(-4px)scale(1.05);box-shadow:0 15px 35px #0006,0 0 30px #d2a9571f}.skill-object:hover .skill-logo{transform:scale(1.12)}.skill-name{color:#eee2c8;text-align:center;letter-spacing:.4px;font-size:12px}.skill-object.react .skill-icon{color:#8fd9eb}.skill-object.spring .skill-icon{color:#b5d39c}.skill-object.database .skill-icon{color:#d7b66f}.projects{background:radial-gradient(circle at 80% 35%,#b489431a,#0000 32%),#050505;min-height:100vh;padding:120px 7vw 1px;position:relative;overflow:hidden}.projects-heading{z-index:5;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:80px;display:flex;position:relative}.projects-heading h2{letter-spacing:-4px;margin:0;font-size:clamp(55px,6vw,88px);line-height:.88}.projects-heading h2 span{color:#d9b76d}.projects-heading>p{color:#f4ead59e;max-width:410px;margin:0 0 5px;font-size:15px;line-height:1.8}.projects-list{z-index:5;flex-direction:column;gap:35px;display:flex;position:relative}.project-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(120deg,#ffffff0e,#ffffff03);border:1px solid #dcbc7426;border-radius:28px;grid-template-columns:48% 52%;min-height:390px;transition:transform .6s,border-color .6s;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 80px #00000059}.project-card:hover{border-color:#dcbc7459;transform:translateY(-8px)}.project-number{z-index:20;color:#ddbe7a8c;letter-spacing:3px;font-size:12px;position:absolute;top:25px;left:28px}.project-visual{background:radial-gradient(circle,#c79c4d21,#0000 58%);place-items:center;min-height:390px;display:grid;position:relative;overflow:hidden}.project-glow{filter:blur(70px);background:#cfa55221;border-radius:50%;width:240px;height:240px;position:absolute}.project-device{background:linear-gradient(145deg,#3a3428,#0b0b0a);border:1px solid #e7ca8c52;border-radius:15px;width:280px;height:190px;padding:9px;transition:all .6s;position:relative;transform:perspective(800px)rotateY(-12deg)rotateX(5deg);box-shadow:0 35px 70px #000000a6}.project-card:hover .project-device{transform:perspective(800px)rotateY(-3deg)rotateX(0)translateY(-12px)}.device-top{gap:5px;height:13px;padding-left:5px;display:flex}.device-top span{background:#c8a867;border-radius:50%;width:5px;height:5px}.device-screen{background:radial-gradient(circle,#cda45329,#080807 70%);border:1px solid #ffffff0f;border-radius:9px;justify-content:center;align-items:center;gap:25px;height:calc(100% - 13px);display:flex}.screen-icon{color:#e0c17b;border:1px solid #dcb96c66;border-radius:20px;place-items:center;width:70px;height:70px;font-size:25px;font-weight:700;display:grid;box-shadow:0 0 35px #d5a9541f}.screen-lines{flex-direction:column;gap:9px;display:flex}.screen-lines i{background:#dcbe7d4d;border-radius:10px;width:65px;height:5px;display:block}.screen-lines i:nth-child(2){width:45px}.screen-lines i:nth-child(3){width:75px}.screen-lines i:nth-child(4){width:35px}.floating-project-object{color:#e0c17b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12100cbf;border:1px solid #e0bf774d;border-radius:18px;place-items:center;width:65px;height:65px;font-size:22px;font-weight:700;animation:4s ease-in-out infinite projectFloat;display:grid;position:absolute;top:22%;right:16%;box-shadow:0 20px 40px #00000073}@keyframes projectFloat{0%,to{transform:translateY(0)rotate(5deg)}50%{transform:translateY(-18px)rotate(-5deg)}}.project-info{align-self:center;padding:55px 65px 55px 35px}.project-subtitle{color:#c5a464;letter-spacing:3px;margin:0 0 14px;font-size:10px;font-weight:600}.project-info h3{color:#f3ead9;letter-spacing:-2px;margin:0 0 20px;font-size:clamp(34px,4vw,55px);line-height:.95}.project-description{color:#f4ead5a6;max-width:520px;margin:0 0 25px;font-size:14px;line-height:1.8}.project-tech{flex-wrap:wrap;gap:8px;display:flex}.project-tech span{color:#d5bb80;background:#ffffff06;border:1px solid #dab86c40;border-radius:30px;padding:8px 11px;font-size:10px}.project-card.ai{background:radial-gradient(circle at 20%,#6b7ea817,#0000 35%),#ffffff06}.project-card.quiz{background:radial-gradient(circle at 20%,#67977014,#0000 35%),#ffffff06}.project-card.music{background:radial-gradient(circle at 20%,#9a71a817,#0000 35%),#ffffff06}.experience{background:#050505;min-height:100vh;padding:100px 7vw 90px;position:relative;overflow:hidden}.experience-background{z-index:0;position:absolute;inset:0;overflow:hidden}.experience-bg-image{object-fit:cover;object-position:70% center;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.experience-overlay{z-index:2;background:linear-gradient(90deg,#030303e0 0%,#030303b8 30%,#03030347 58%,#03030314 100%);position:absolute;inset:0}.experience-content{z-index:5;flex-direction:column;justify-content:center;min-height:82vh;display:flex;position:relative}.experience-heading{max-width:620px;margin-bottom:48px}.experience-heading .section-label{margin-bottom:18px}.experience-heading h2{color:#f4ead5;letter-spacing:-4px;margin:0;font-size:clamp(52px,6vw,88px);font-weight:700;line-height:.9}.experience-heading h2 span{color:#d9b76d}.experience-timeline{flex-direction:column;gap:30px;width:min(620px,100%);margin-left:35px;display:flex}.timeline-block{border-left:1px solid #e2bf6f8c;padding-left:34px;position:relative}.timeline-block:before{content:"";background:#f0c978;border-radius:50%;width:11px;height:11px;position:absolute;top:7px;left:-6px;box-shadow:0 0 12px #f0c978d9,0 0 28px #f0c97859}.timeline-title{color:#f1e4cb;margin-bottom:16px;font-size:17px;font-weight:700}.timeline-item{align-items:flex-start;gap:14px;margin-bottom:17px;display:flex}.timeline-icon{background:#0a0907b3;border:1px solid #e1be6f40;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:15px;display:grid;box-shadow:0 8px 20px #00000059}.timeline-details h3{color:#f2e8d6;margin:2px 0 5px;font-size:14px;font-weight:600;line-height:1.35}.timeline-details p{color:#f4ead58c;margin:0;font-size:12px;line-height:1.5}.experience-content{perspective:1400px}.timeline-block{transition:transform .35s,border-color .35s;transform:perspective(1200px)rotateY(-1deg)translateZ(0)}.timeline-block:hover{transform:perspective(1200px)rotateY(0)translateZ(8px)}.timeline-icon{transition:transform .3s,box-shadow .3s;transform:translateZ(8px)}.timeline-item:hover .timeline-icon{transform:translateZ(14px)scale(1.03);box-shadow:0 8px 20px #00000059,0 0 14px #f0c97826}.timeline-details{transition:transform .3s;transform:translateZ(4px)}.timeline-item:hover .timeline-details{transform:translateZ(7px)}.timeline-block:first-child{animation:5s ease-in-out infinite experienceFloat1}.timeline-block:nth-child(2){animation:5.8s ease-in-out infinite experienceFloat2}@keyframes experienceFloat1{0%,to{transform:perspective(1000px)rotateY(-3deg)translateY(0)translateZ(0)}50%{transform:perspective(1000px)rotateY(-1deg)translateY(-5px)translateZ(12px)}}@keyframes experienceFloat2{0%,to{transform:perspective(1000px)rotateY(-3deg)translateY(0)translateZ(0)}50%{transform:perspective(1000px)rotateY(1deg)translateY(-7px)translateZ(15px)}}.timeline-block:after{content:"";pointer-events:none;background:linear-gradient(#f0c978cc,#f0c9780d);width:1px;height:100%;position:absolute;top:0;left:-1px;transform:translateZ(8px)}@media (width<=800px){.experience{padding:90px 6vw 70px}.experience-content{min-height:auto}.experience-heading{margin-bottom:40px}.experience-timeline{margin-left:10px}.experience-overlay{background:linear-gradient(90deg,#030303eb,#030303a6)}}@media (width<=600px){.experience{padding:80px 20px 60px}.experience-bg-image{object-position:65% center}.experience-heading h2{letter-spacing:-3px;font-size:52px}.experience-timeline{width:100%;margin-left:0}.timeline-block{padding-left:27px}.timeline-details h3{font-size:13px}}@media (width<=1100px){.skills-stage{grid-template-columns:repeat(4,1fr)}.about-content{width:48%;margin-left:52%}}@media (width<=800px){.nav-links{display:none}.hero-content{width:55vw;left:7vw}.skills-stage{grid-template-columns:repeat(3,1fr)}.projects-heading{flex-direction:column;align-items:flex-start}.project-card{grid-template-columns:1fr}.project-info{padding:40px 30px 50px}.experience{padding:100px 5vw 80px}.experience-card{width:min(560px,100%);margin-left:0}.experience-road{opacity:.65;left:68%}}@media (width<=600px){.hero-content{width:calc(100% - 50px);left:25px}h1{font-size:55px}.hero-scene{opacity:.72}.about-content{justify-content:flex-end;width:100%;margin-left:0;padding:55vh 25px 55px}.about-visual img{object-position:38% center}.skills{padding:80px 18px 50px}.skills-stage{grid-template-columns:repeat(2,1fr)}.projects{padding:80px 18px}.projects-heading h2{font-size:52px}.project-visual{min-height:300px}.project-device{width:240px;height:165px}.project-info h3{font-size:38px}.experience{min-height:100vh;padding:80px 18px 70px}.experience-content{min-height:auto;padding-top:40px}.experience-content h2{letter-spacing:-3px;margin-bottom:40px;font-size:52px}.experience-card{padding:25px 22px;transform:perspective(1200px)rotateY(0)}.experience-card h3{font-size:30px}.experience-road{opacity:.45;width:150px;left:78%}.mountain-back{left:-55%}.mountain-mid{right:-55%}.mountain-front{left:-35%}}.education{background:linear-gradient(90deg,#030303e0 0%,#030303b3 35%,#03030340 70%,#0303031a 100%),url(/education-mountain-road.png) 100%/cover no-repeat;min-height:100vh;padding:120px 7vw 100px;position:relative;overflow:hidden}.education:before{content:"";filter:blur(90px);pointer-events:none;background:#d6ae5b0f;border-radius:50%;width:420px;height:420px;position:absolute;top:20%;right:-120px}.education-heading{z-index:2;max-width:650px;margin-bottom:75px;position:relative}.education-heading .section-label{margin-bottom:18px}.education-heading h2{color:#f4ead5;letter-spacing:-4px;margin:0;font-size:clamp(52px,6vw,88px);font-weight:700;line-height:.9}.education-heading h2 span{color:#d9b76d}.education-intro{color:#f4ead585;max-width:440px;margin:28px 0 0;font-size:14px;line-height:1.7}.education-journey{z-index:2;flex-direction:column;gap:38px;width:min(900px,100%);margin-left:35px;display:flex;position:relative}.education-line{background:linear-gradient(#0000,#dab76da6,#dab76d40,#0000);width:1px;position:absolute;top:20px;bottom:20px;left:24px}.education-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(110deg,#ffffff0b,#ffffff04);border:1px solid #dcba6f1f;border-radius:18px;grid-template-columns:120px 50px 1fr;align-items:center;min-height:125px;padding:24px 30px 24px 0;transition:transform .35s,border-color .35s,background .35s;display:grid;position:relative;transform:perspective(1200px)rotateY(-1deg)translateZ(0)}.education-card:hover{background:linear-gradient(110deg,#fff1,#ffffff05);border-color:#dcba6f52;transform:perspective(1200px)rotateY(0)translateZ(8px)}.education-year{color:#f4ead56b;letter-spacing:1px;padding-left:24px;font-size:12px}.education-dot{z-index:3;color:#f4ead5;background:radial-gradient(circle,#dcb8642e,#0a0907f2 70%);border:1px solid #e0be7059;border-radius:50%;place-items:center;width:50px;height:50px;font-size:11px;font-weight:600;transition:transform .3s,box-shadow .3s;display:grid;position:relative;transform:translateZ(10px);box-shadow:0 0 20px #dab76d14}.education-card:hover .education-dot{transform:translateZ(16px)scale(1.03);box-shadow:0 0 24px #dab76d2e}.education-content{padding-left:20px;transform:translateZ(5px)}.education-type{color:#d9b76d;letter-spacing:2px;margin:0 0 7px;font-size:10px;font-weight:700}.education-content h3{color:#f2e8d6;margin:0 0 7px;font-size:20px;font-weight:600;line-height:1.3}.education-content p{color:#f4ead585;margin:0;font-size:13px;line-height:1.5}.education-content span{color:#d9b76dbf;letter-spacing:1px;margin-top:8px;font-size:11px;display:inline-block}@media (width<=800px){.education{padding:90px 6vw 75px}.education-heading{margin-bottom:55px}.education-journey{margin-left:0}}@media (width<=600px){.education{padding:80px 20px 65px}.education-heading h2{letter-spacing:-3px;font-size:52px}.education-intro{font-size:13px}.education-journey{gap:25px}.education-card{grid-template-columns:65px 42px 1fr;padding:20px 15px 20px 0}.education-line{left:20px}.education-dot{width:42px;height:42px;font-size:10px}.education-year{padding-left:10px;font-size:10px}.education-content{padding-left:14px}.education-content h3{font-size:16px}.education-content p{font-size:12px}}.education-heading h2{opacity:0;overflow:hidden}.education-visible .education-heading h2{animation:1.4s both roadTitleReveal}@keyframes roadTitleReveal{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-25px)}to{opacity:1;clip-path:inset(0);transform:translate(0)}}.contact{background:radial-gradient(circle at 78% 45%,#d3ab5b1f,#0000 30%),radial-gradient(circle at 20% 80%,#966e300f,#0000 28%),#050505;flex-direction:column;justify-content:center;min-height:100vh;padding:120px 7vw 45px;display:flex;position:relative;overflow:hidden}.contact-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.contact-glow{filter:blur(100px);border-radius:50%;position:absolute}.contact-glow-one{background:#dab36012;width:420px;height:420px;top:18%;right:5%}.contact-glow-two{background:#be8c370b;width:280px;height:280px;bottom:5%;left:8%}.contact-particles span{background:#eecd8480;border-radius:50%;width:3px;height:3px;animation:5s ease-in-out infinite contactParticle;position:absolute;box-shadow:0 0 10px #eecd8459}.contact-particles span:first-child{top:14%;left:8%}.contact-particles span:nth-child(2){animation-delay:1s;top:38%;left:22%}.contact-particles span:nth-child(3){animation-delay:2s;top:72%;left:34%}.contact-particles span:nth-child(4){animation-delay:1.5s;top:18%;left:48%}.contact-particles span:nth-child(5){animation-delay:3s;top:48%;left:58%}.contact-particles span:nth-child(6){animation-delay:2.5s;top:78%;left:68%}.contact-particles span:nth-child(7){animation-delay:.8s;top:25%;left:76%}.contact-particles span:nth-child(8){animation-delay:1.8s;top:58%;left:86%}.contact-particles span:nth-child(9){animation-delay:3.5s;top:18%;left:92%}.contact-particles span:nth-child(10){animation-delay:2.2s;top:84%;left:14%}.contact-particles span:nth-child(11){animation-delay:4s;top:88%;left:42%}.contact-particles span:nth-child(12){animation-delay:3.2s;top:86%;left:82%}.contact-particles span:nth-child(13){top:52%;left:5%}.contact-particles span:nth-child(14){top:62%;left:18%}.contact-particles span:nth-child(15){top:12%;left:27%}.contact-particles span:nth-child(16){top:42%;left:39%}.contact-particles span:nth-child(17){top:68%;left:55%}.contact-particles span:nth-child(18){top:30%;left:63%}.contact-particles span:nth-child(19){top:52%;left:73%}.contact-particles span:nth-child(20){top:72%;left:95%}.contact-particles span:nth-child(21){top:28%;left:3%}.contact-particles span:nth-child(22){top:68%;left:11%}.contact-particles span:nth-child(23){top:88%;left:25%}.contact-particles span:nth-child(24){top:28%;left:32%}.contact-particles span:nth-child(25){top:58%;left:37%}.contact-particles span:nth-child(26){top:8%;left:45%}.contact-particles span:nth-child(27){top:34%;left:51%}.contact-particles span:nth-child(28){top:92%;left:57%}.contact-particles span:nth-child(29){top:58%;left:64%}.contact-particles span:nth-child(30){top:12%;left:71%}.contact-particles span:nth-child(31){top:40%;left:79%}.contact-particles span:nth-child(32){top:72%;left:84%}.contact-particles span:nth-child(33){top:8%;left:6%}.contact-particles span:nth-child(34){top:46%;left:16%}.contact-particles span:nth-child(35){top:22%;left:24%}.contact-particles span:nth-child(36){top:82%;left:29%}.contact-particles span:nth-child(37){top:8%;left:36%}.contact-particles span:nth-child(38){top:64%;left:41%}.contact-particles span:nth-child(39){top:26%;left:47%}.contact-particles span:nth-child(40){top:52%;left:53%}.contact-particles span:nth-child(41){top:12%;left:59%}.contact-particles span:nth-child(42){top:88%;left:66%}.contact-particles span:nth-child(43){top:36%;left:72%}.contact-particles span:nth-child(44){top:68%;left:77%}.contact-particles span:nth-child(45){top:8%;left:81%}.contact-particles span:nth-child(46){top:48%;left:87%}.contact-particles span:nth-child(47){top:34%;left:94%}.contact-particles span:nth-child(48){top:92%;left:9%}.contact-particles span:nth-child(49){top:58%;left:21%}.contact-particles span:nth-child(50){top:78%;left:44%}.contact-particles span:nth-child(51){top:76%;left:69%}.contact-particles span:nth-child(52){top:84%;left:91%}.contact-particles span:nth-child(53){top:40%;left:4%}.contact-particles span:nth-child(54){top:30%;left:13%}.contact-particles span:nth-child(55){top:78%;left:19%}.contact-particles span:nth-child(56){top:48%;left:27%}.contact-particles span:nth-child(57){top:94%;left:33%}.contact-particles span:nth-child(58){top:36%;left:38%}.contact-particles span:nth-child(59){top:16%;left:43%}.contact-particles span:nth-child(60){top:74%;left:49%}.contact-particles span:nth-child(61){top:44%;left:54%}.contact-particles span:nth-child(62){top:24%;left:61%}.contact-particles span:nth-child(63){top:64%;left:67%}.contact-particles span:nth-child(64){top:92%;left:74%}.contact-particles span:nth-child(65){top:54%;left:80%}.contact-particles span:nth-child(66){top:16%;left:86%}.contact-particles span:nth-child(67){top:62%;left:90%}.contact-particles span:nth-child(68){top:44%;left:97%}.contact-particles span:nth-child(69){top:74%;left:7%}.contact-particles span:nth-child(70){top:68%;left:31%}.contact-particles span:nth-child(71){top:86%;left:56%}.contact-particles span:nth-child(72){top:90%;left:88%}.contact-particles span:nth-child(73){top:12%;left:12%}.contact-particles span:nth-child(74){top:36%;left:23%}.contact-particles span:nth-child(75){top:52%;left:35%}.contact-particles span:nth-child(76){top:96%;left:46%}.contact-particles span:nth-child(77){top:8%;left:62%}.contact-particles span:nth-child(78){top:46%;left:70%}.contact-particles span:nth-child(79){top:32%;left:83%}.contact-particles span:nth-child(80){top:12%;left:93%}.contact-particles span:nth-child(81){top:94%;left:18%}.contact-particles span:nth-child(82){top:82%;left:76%}.contact-particles span:nth-child(83){top:62%;left:2%}.contact-particles span:nth-child(84){top:88%;left:10%}.contact-particles span:nth-child(85){top:18%;left:17%}.contact-particles span:nth-child(86){top:64%;left:26%}.contact-particles span:nth-child(87){top:14%;left:32%}.contact-particles span:nth-child(88){top:82%;left:39%}.contact-particles span:nth-child(89){top:48%;left:45%}.contact-particles span:nth-child(90){top:20%;left:52%}.contact-particles span:nth-child(91){top:72%;left:58%}.contact-particles span:nth-child(92){top:40%;left:65%}.contact-particles span:nth-child(93){top:16%;left:71%}.contact-particles span:nth-child(94){top:60%;left:78%}.contact-particles span:nth-child(95){top:78%;left:85%}.contact-particles span:nth-child(96){top:24%;left:96%}.contact-particles span:nth-child(97){top:34%;left:5%}.contact-particles span:nth-child(98){top:52%;left:20%}.contact-particles span:nth-child(99){top:92%;left:55%}.contact-particles span:nth-child(100){top:84%;left:73%}.contact-particles span:nth-child(101){top:52%;left:89%}.contact-particles span:nth-child(102){top:92%;left:98%}@keyframes contactParticle{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.8;transform:translateY(-12px)}}.contact-content{z-index:5;grid-template-columns:1.15fr .85fr;align-items:center;gap:80px;width:min(1100px,100%);margin:0 auto;display:grid;position:relative}.contact-heading{max-width:680px}.contact-heading .section-label{margin-bottom:22px}.contact-heading h2{color:#f4ead5;letter-spacing:-4px;margin:0;font-size:clamp(54px,6.5vw,94px);font-weight:700;line-height:.9}.contact-heading h2 span{color:#d9b76d}.contact-intro{color:#f4ead585;max-width:470px;margin:32px 0 0;font-size:14px;line-height:1.8}.contact-links{flex-direction:column;gap:15px;display:flex}.contact-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(110deg,#ffffff0e,#ffffff03);border:1px solid #debb6e21;border-radius:18px;align-items:center;gap:18px;min-height:82px;padding:18px 22px;text-decoration:none;transition:transform .35s,border-color .35s,background .35s,box-shadow .35s;display:flex;position:relative;transform:perspective(1200px)rotateY(-1deg)}.contact-card:hover{background:linear-gradient(110deg,#ffffff13,#ffffff05);border-color:#debb6e59;transform:perspective(1200px)rotateY(0)translate(-6px)translateZ(8px);box-shadow:0 18px 45px #0000004d,0 0 25px #d6ae5b0f}.contact-card-icon{color:#e8cb8c;background:radial-gradient(circle,#dcb86424,#0a0907e6);border:1px solid #dcba6f40;border-radius:50%;flex-shrink:0;place-items:center;width:45px;height:45px;font-size:15px;font-weight:600;transition:transform .3s,box-shadow .3s;display:grid;box-shadow:0 0 18px #dcb8640f}.contact-card:hover .contact-card-icon{transform:translateZ(12px)scale(1.05);box-shadow:0 0 22px #dcb86429}.contact-card small{color:#d9b76db3;letter-spacing:2px;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.contact-card strong{color:#f1e7d3;font-size:13px;font-weight:500;line-height:1.4;display:block}.contact-footer{z-index:5;color:#f4ead54d;letter-spacing:1.5px;border-top:1px solid #dcba6f1a;justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:auto auto 0;padding-top:45px;font-size:9px;display:flex;position:relative}@media (width<=900px){.contact{padding:100px 6vw 40px}.contact-content{grid-template-columns:1fr;gap:55px}.contact-heading{max-width:700px}.contact-links{width:min(600px,100%)}}@media (width<=600px){.contact{min-height:100vh;padding:85px 20px 30px}.contact-content{gap:45px}.contact-heading h2{letter-spacing:-3px;font-size:52px}.contact-intro{margin-top:24px;font-size:13px}.contact-card{gap:13px;min-height:74px;padding:15px}.contact-card-icon{width:40px;height:40px}.contact-card strong{font-size:11px}.contact-footer{flex-wrap:wrap;gap:10px;padding-top:30px;font-size:8px}}.contact-card-icon svg{fill:#e8c56f;opacity:1;filter:drop-shadow(0 0 5px #e8c56f59);width:24px;height:24px;transition:transform .3s,filter .3s;display:block}.contact-card-icon{color:#e8c56f;width:52px;height:52px}.contact-card:hover .contact-card-icon svg{filter:drop-shadow(0 0 6px #dcb86473);transform:scale(1.08)}.contact-card-icon svg{fill:#e8c56f;opacity:1;width:26px;height:26px}.contact-card:nth-child(2) .contact-card-icon svg{width:30px;height:30px;transform:scale(1.15)}.contact-card:nth-child(3) .contact-card-icon svg,.contact-card:first-child .contact-card-icon svg{width:27px;height:27px}.contact-card:first-child .contact-card-icon svg{fill:#ea4335}.contact-card:nth-child(2) .contact-card-icon svg{fill:#0a66c2}.contact-card:nth-child(3) .contact-card-icon svg{fill:#f0f0f0}.contact-heading h2{opacity:0;clip-path:inset(0 100% 0 0);filter:blur(5px);transform:translateY(20px)}.contact-visible .contact-heading h2{animation:1.8s cubic-bezier(.22,1,.36,1) forwards contactHeadingReveal}@keyframes contactHeadingReveal{0%{opacity:0;clip-path:inset(0 100% 0 0);filter:blur(5px);transform:translateY(20px)}to{opacity:1;clip-path:inset(0);filter:blur();transform:translateY(0)}}.hero-content h1{animation:1.5s cubic-bezier(.16,1,.3,1) both heroNameReveal;overflow:visible}.hero-content h1 span{animation:1.7s cubic-bezier(.16,1,.3,1) .25s both heroSurnameReveal;display:inline-block}@keyframes heroNameReveal{0%{opacity:0;filter:blur(14px);letter-spacing:8px;transform:translateY(70px)scale(1.08)}60%{opacity:1;filter:blur(2px)}to{opacity:1;filter:blur();letter-spacing:normal;transform:translateY(0)scale(1)}}@keyframes heroSurnameReveal{0%{opacity:0;filter:blur(12px);transform:translateY(45px)scale(1.05)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.nav-links a{color:#d9b76d;text-decoration:none}.nav-links a:visited{color:#d9b76d}.nav-links a:hover{color:#f4ead5}.hero-buttons a{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.resume-button{color:#d9b76d;cursor:pointer;background:#d9b76d14;border:1px solid #d9b76d8c;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.resume-button:hover{background:#d9b76d2e;border-color:#d9b76d;transform:translateY(-2px)}.project-card{color:inherit;cursor:pointer;text-decoration:none}