@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";:root{font-optical-sizing:auto;scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eae5ec;background-color:var(--backgroundColor);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accentColor:#5eead4;--backgroundColor:#0a0e17;--vh:100svh;font-family:Geist,sans-serif;font-style:normal;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Geist,sans-serif}body{--cWidth:calc(100% - 30px);--cMaxWidth:1920px;background-color:#050810;flex-grow:1;max-width:100vw;height:auto;margin:0;overflow-x:hidden}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}a:hover{color:var(--accentColor)}.container-main{width:100%;margin:auto;position:relative}.section-container{width:1300px;margin:auto}@media screen and (width>=768px){body{--cWidth:94%}}@media only screen and (width<=1600px){.section-container{width:1200px;max-width:calc(100% - 160px)}}@media only screen and (width<=1400px){.section-container{width:900px}}@media only screen and (width<=900px){.section-container{width:500px;max-width:var(--cWidth)}}.hover-link{text-wrap:nowrap;display:flex;position:relative;overflow:hidden}.hover-in{transition:all .3s;position:relative}.hover-in div{display:flex;position:absolute;top:100%;left:0}.hover-link:hover .hover-in{color:var(--accentColor);transform:translateY(-100%)}.about-section{align-items:flex-start;gap:60px;width:1300px;max-width:calc(100% - 100px);margin:auto;padding:120px 0 80px;display:flex}.about-me{flex:2}.about-me .title{background:linear-gradient(135deg, #fff, var(--accentColor));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(2rem,4vw,3.5rem);font-weight:700}.about-me .para{opacity:.8;font-size:clamp(.95rem,1.2vw,1.15rem);font-weight:300;line-height:1.8}.about-targets{flex:1;padding-top:70px}.about-targets h4{letter-spacing:3px;text-transform:uppercase;opacity:.5;margin-bottom:15px;font-size:14px}.target-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{opacity:.8;border:1px solid #ffffff26;border-radius:30px;padding:8px 16px;font-size:13px;transition:all .3s}.tag:hover{border-color:var(--accentColor);color:var(--accentColor)}@media screen and (width<=1600px){.about-section{width:1200px;max-width:calc(100% - 160px)}}@media screen and (width<=1400px){.about-section{width:900px}}@media screen and (width<=900px){.about-section{width:500px;max-width:var(--cWidth);flex-direction:column;gap:40px;padding:80px 0 60px}.about-targets{padding-top:0}}.career-section{padding:100px 0}.career-container h2{margin-bottom:60px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.career-container h2 span{background:linear-gradient(135deg, var(--accentColor), #38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.career-info{padding-left:40px;position:relative}.career-timeline{background:linear-gradient(to bottom, var(--accentColor), transparent);width:2px;position:absolute;top:0;bottom:0;left:0}.career-dot{background:var(--accentColor);border-radius:50%;width:10px;height:10px;animation:3s ease-in-out infinite timeline;position:absolute;top:0;left:-4px}@keyframes timeline{0%,to{top:0}50%{top:100%}}.career-info-box{border-bottom:1px solid #ffffff14;padding:25px 0;transition:all .3s}.career-info-box:hover{border-bottom-color:#5eead433;padding-left:15px}.career-info-in{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.career-role h4{font-size:1.2rem;font-weight:600}.career-role h5{opacity:.5;margin-top:2px;font-size:.9rem;font-weight:400}.career-info-in h3{color:var(--accentColor);white-space:nowrap;font-size:.9rem;font-weight:500}.career-info-box p{opacity:.7;font-size:.95rem;font-weight:300;line-height:1.7}@media screen and (width<=900px){.career-section{padding:60px 0}.career-info{padding-left:25px}.career-info-in{flex-direction:column;gap:5px}}.cert-section{padding:80px 0}.cert-container h2{margin-bottom:40px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.cert-container h2 span{background:linear-gradient(135deg, var(--accentColor), #38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cert-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.cert-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:15px;padding:18px 24px;transition:all .3s;display:flex}.cert-card:hover{border-color:#5eead44d;transform:translate(5px)}.cert-icon{color:var(--accentColor);flex-shrink:0;font-size:1.1rem}.cert-card span{opacity:.8;font-size:.9rem}@media screen and (width<=900px){.cert-section{padding:60px 0}.cert-grid{grid-template-columns:1fr}}.contact-section{padding:100px 0 60px}.contact-container h3{background:linear-gradient(135deg, #fff, var(--accentColor));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:50px;font-size:clamp(3rem,6vw,5rem);font-weight:800}.contact-flex{border-bottom:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:40px;padding-bottom:40px;display:grid}.contact-box h4{letter-spacing:3px;text-transform:uppercase;opacity:.5;margin-bottom:15px;font-size:14px}.contact-box p{opacity:.8;margin-bottom:8px;font-size:.95rem;line-height:1.6}.contact-box p a{transition:color .3s}.contact-social{opacity:.8;align-items:center;gap:8px;padding:8px 0;font-size:.95rem;transition:all .3s;display:flex}.contact-social:hover{opacity:1;transform:translate(5px)}.contact-box:last-child{text-align:center;grid-column:1/-1;padding-top:20px}.contact-box h2{opacity:.6;font-size:1.2rem;font-weight:400}.contact-box h2 span{color:var(--accentColor);font-weight:600}.contact-box h5{opacity:.4;justify-content:center;align-items:center;gap:5px;margin-top:8px;font-size:.85rem;display:flex}@media screen and (width<=900px){.contact-flex{grid-template-columns:1fr;gap:30px}.contact-section{padding:60px 0 40px}}.education-section{padding:80px 0}.education-container h2{margin-bottom:50px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.education-container h2 span{background:linear-gradient(135deg, var(--accentColor), #38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.education-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.edu-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:35px;transition:all .3s}.edu-card:hover{border-color:#5eead44d;transform:translateY(-5px)}.edu-period{color:var(--accentColor);letter-spacing:2px;margin-bottom:12px;font-size:13px}.edu-card h4{margin-bottom:6px;font-size:1.2rem;font-weight:600}.edu-card h5{opacity:.5;margin-bottom:12px;font-size:.9rem;font-weight:400}.edu-card p{opacity:.7;font-size:.9rem;font-weight:300;line-height:1.7}@media screen and (width<=900px){.education-grid{grid-template-columns:1fr}.education-section{padding:60px 0}}.hero-photo-container{z-index:2;pointer-events:none;justify-content:center;align-items:flex-end;width:65%;height:100vh;display:flex;position:absolute;bottom:0;right:-5%;overflow:visible}.hero-photo-container>*{pointer-events:auto}.glow-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.glow-orb-1{background:#5eead41f;width:400px;height:400px;animation:8s ease-in-out infinite orbFloat1;bottom:10%;right:15%}.glow-orb-2{background:#38bdf814;width:300px;height:300px;animation:10s ease-in-out infinite orbFloat2;bottom:30%;right:35%}.glow-orb-3{background:#5eead40f;width:200px;height:200px;animation:7s ease-in-out infinite orbFloat3;top:20%;right:20%}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.1)}66%{transform:translate(-20px,10px)scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-25px,-30px)scale(1.15)}}@keyframes orbFloat3{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}.hero-particles{pointer-events:none;z-index:1;position:absolute;inset:0}.hero-particle{background:var(--accentColor);border-radius:50%;animation:5s ease-in-out infinite heroParticle;position:absolute}@keyframes heroParticle{0%,to{opacity:0;transform:translateY(0)scale(.5)}30%{opacity:.8}50%{transform:translateY(-40px)scale(1.2)}70%{opacity:.3}}.hero-photo{z-index:3;object-fit:contain;object-position:bottom;filter:drop-shadow(-20px 40px 60px #000000b3)drop-shadow(0 0 40px #5eead426)drop-shadow(0 15px 15px #0006);will-change:transform;width:auto;height:95%;max-height:1000px;transform-style:preserve-3d;transition:filter .4s cubic-bezier(.4,0,.2,1);position:relative}.hero-photo-container:hover .hero-photo{filter:drop-shadow(-30px 60px 80px #000c)drop-shadow(0 0 60px #5eead440)drop-shadow(0 25px 25px #00000080)}.hero-photo-shadow{z-index:4;pointer-events:none;background:linear-gradient(#0000 0%,#050810 100%);height:200px;position:absolute;bottom:0;left:0;right:0}.hero-shine{z-index:5;pointer-events:none;transition:background .3s;position:absolute;inset:0}@media screen and (width<=1024px){.hero-photo-container{order:-1;justify-content:center;width:100%;height:400px;position:relative}.hero-photo{height:380px;max-height:none}.glow-orb-1{width:250px;height:250px}.glow-orb-2,.glow-orb-3{display:none}}@media screen and (width<=600px){.hero-photo-container{height:320px}.hero-photo{height:300px}}.landing-section{width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.landing-container{z-index:10;flex-direction:column;justify-content:center;gap:30px;width:50%;padding-left:8%;display:flex;position:relative}.landing-hello{opacity:0;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:300;animation:1s .3s forwards fadeSlideUp}.landing-intro h1{letter-spacing:-3px;text-transform:uppercase;opacity:0;font-size:clamp(4rem,9vw,8rem);font-weight:800;line-height:.92;animation:1.2s .5s forwards fadeSlideUp}.landing-intro h1 span{background:linear-gradient(135deg, var(--accentColor), #38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-info{opacity:0;animation:1s .8s forwards fadeSlideUp}.landing-info h3{opacity:.7;font-size:clamp(1rem,1.3vw,1.3rem);font-weight:300}.landing-info-h2,.landing-info h2{height:clamp(2.2rem,4vw,3.5rem);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:600;overflow:hidden}.landing-h2-1,.landing-h2-info{animation:6s ease-in-out infinite slideText}.landing-h2-2,.landing-h2-info-1{animation:6s ease-in-out infinite reverse slideText}@keyframes slideText{0%,40%{opacity:1;transform:translateY(0)}50%,90%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;filter:blur(4px);transform:translateY(40px)}to{opacity:1;filter:blur();transform:translateY(0)}}.landing-circle1,.landing-circle2{pointer-events:none;z-index:0;border:1px solid #ffffff0a;border-radius:50%;position:fixed}.landing-circle1{width:600px;height:600px;animation:20s linear infinite loadingCircle;top:-200px;right:-100px}.landing-circle2{width:400px;height:400px;animation:15s linear infinite reverse loadingCircle;bottom:-100px;left:-100px}@keyframes loadingCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-indicator{opacity:0;z-index:10;flex-direction:column;align-items:center;gap:10px;animation:1s 1.5s forwards fadeSlideUp;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-indicator span{letter-spacing:4px;text-transform:uppercase;opacity:.4;font-size:11px}.scroll-line{background:var(--accentColor);width:1px;height:50px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.2;transform-origin:top;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@media screen and (width<=1024px){.landing-section{flex-direction:column}.landing-container{text-align:center;align-items:center;width:100%;padding:100px 30px 0}.landing-intro h1{font-size:4rem}}@media screen and (width<=600px){.landing-intro h1{letter-spacing:-1px;font-size:3rem}.landing-container{padding-top:80px}}.header{z-index:100;mix-blend-mode:difference;justify-content:space-between;align-items:center;width:100%;padding:20px 40px;display:flex;position:fixed;top:0;left:0}.navbar-title{letter-spacing:2px;font-size:24px;font-weight:700}.navbar-connect{opacity:.7;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.header ul{gap:30px;list-style:none;display:flex}.header ul li a{letter-spacing:2px;cursor:pointer;font-size:13px}.nav-fade{z-index:99;pointer-events:none;background:linear-gradient(#050810 0%,#0000 100%);width:100%;height:80px;position:fixed;top:0;left:0}@media screen and (width<=900px){.header{padding:15px 20px}.navbar-connect{display:none}.header ul{gap:15px}.header ul li a{font-size:11px}.navbar-title{font-size:20px}}@media screen and (width<=600px){.header ul{display:none}}.projects-section{padding:80px 0}.projects-container h2{margin-bottom:50px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.projects-container h2 span{background:linear-gradient(135deg, var(--accentColor), #38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.projects-grid{flex-direction:column;gap:30px;display:flex}.project-card{-webkit-backdrop-filter:blur(16px);transform-style:preserve-3d;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;gap:30px;padding:35px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 30px #0000001a}.project-card:before{content:"";background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%), #5eead40f, transparent 40%);opacity:0;pointer-events:none;z-index:0;border-radius:20px;transition:opacity .5s;position:absolute;inset:0}.project-card:hover:before{opacity:1}.project-card:hover{border-color:#5eead466;transform:translateY(-8px)scale(1.01);box-shadow:0 20px 40px #0006,0 0 20px #5eead40d}.project-number{color:#5eead426;flex-shrink:0;min-width:60px;font-size:3rem;font-weight:800;line-height:1}.project-content{z-index:1;flex:1;position:relative}.project-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:4px;display:flex}.project-content h4{font-size:1.15rem;font-weight:600}.project-period{color:var(--accentColor);white-space:nowrap;font-size:13px}.project-content h5{opacity:.5;margin-bottom:10px;font-size:.9rem;font-weight:400}.project-content p{opacity:.7;margin-bottom:15px;font-size:.9rem;font-weight:300;line-height:1.7}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.p-tag{letter-spacing:.5px;color:var(--accentColor);text-transform:uppercase;background:#5eead414;border:1px solid #5eead433;border-radius:20px;padding:6px 16px;font-size:11px;font-weight:500;transition:all .3s}.project-card:hover .p-tag{background:#5eead426;transform:translateY(-2px)}@media screen and (width<=900px){.projects-section{padding:60px 0}.project-card{flex-direction:column;gap:15px}.project-header{flex-direction:column;gap:5px}}.skills-section{padding:80px 0}.skills-container h2{margin-bottom:40px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.skills-container h2 span{background:linear-gradient(135deg, var(--accentColor), #38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skills-marquee{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;margin-bottom:50px;padding:20px 0;overflow:hidden}.marquee-track{width:max-content;animation:30s linear infinite marqueeScroll;display:flex}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-tag{white-space:nowrap;background:#ffffff0d;border-radius:30px;margin:0 8px;padding:8px 20px;font-size:14px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:35px;margin-bottom:50px;display:grid}.skill-category h4{letter-spacing:3px;text-transform:uppercase;color:var(--accentColor);margin-bottom:15px;font-size:14px}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{opacity:.8;border:1px solid #ffffff1f;border-radius:30px;padding:8px 16px;font-size:13px;transition:all .3s}.skill-tag:hover{border-color:var(--accentColor);color:var(--accentColor);background:#5eead40d}.languages-section h4{letter-spacing:3px;text-transform:uppercase;color:var(--accentColor);margin-bottom:20px;font-size:14px}.lang-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.lang-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:6px;padding:20px;transition:all .3s;display:flex}.lang-card:hover{border-color:#5eead44d}.lang-name{font-size:1rem;font-weight:600}.lang-level{opacity:.5;font-size:.85rem}@media screen and (width<=900px){.skills-section{padding:60px 0}.skills-grid{grid-template-columns:1fr}.lang-grid{grid-template-columns:repeat(2,1fr)}}.icons-section{z-index:50;flex-direction:column;align-items:center;gap:20px;display:flex;position:fixed;bottom:30px;left:30px}.social-icons{flex-direction:column;gap:15px;display:flex}.social-icons span a{color:#eae5ec;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex}.social-icons span a:hover{border-color:var(--accentColor);color:var(--accentColor);transform:translateY(-3px)}.resume-button{letter-spacing:2px;writing-mode:vertical-rl;text-orientation:mixed;cursor:pointer;align-items:center;gap:8px;font-size:12px;transition:color .3s;display:flex;transform:rotate(180deg)}.resume-button span{font-size:16px}@media screen and (width<=900px){.icons-section{bottom:15px;left:15px}.social-icons span a{width:35px;height:35px;font-size:14px}.resume-button{font-size:10px}}@media screen and (width<=600px){.icons-section{display:none}}.whatIDO{gap:40px;width:1300px;max-width:calc(100% - 100px);margin:auto;padding:80px 0;display:flex}.what-box:first-child{flex:.4;align-items:center;display:flex}.what-box:last-child{flex:.6}.what-box .title{text-transform:uppercase;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1}.hat-h2,.do-h2{vertical-align:middle;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:300}.what-box-in{position:relative}.what-border2{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.what-border2 svg{height:100%}.what-content{padding:30px;transition:background .3s;position:relative}.what-content:hover{background:#ffffff08}.what-border1{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.what-border1 svg{width:100%}.what-corner{border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-4px}.what-content-in h3{letter-spacing:3px;color:var(--accentColor);margin-bottom:8px;font-size:14px}.what-content-in h4{margin-bottom:10px;font-size:1.3rem;font-weight:600}.what-content-in p{opacity:.7;margin-bottom:15px;font-size:.95rem;line-height:1.7}.what-content-in h5{letter-spacing:2px;text-transform:uppercase;opacity:.5;margin-bottom:10px;font-size:12px}.what-content-flex{flex-wrap:wrap;gap:8px;display:flex}.what-tags{opacity:.8;background:#ffffff0f;border-radius:20px;padding:6px 14px;font-size:13px}@media screen and (width<=1600px){.whatIDO{width:1200px;max-width:calc(100% - 160px)}}@media screen and (width<=1400px){.whatIDO{width:900px}}@media screen and (width<=900px){.whatIDO{width:500px;max-width:var(--cWidth);flex-direction:column;padding:60px 0}}