:root{--bg: #ffffff;--text: #171717;--accent: #f2572b;--nav-bg: rgba(255, 255, 255, .8);--section-dark: #f4f4f4;--card-bg: #ffffff;--card-border: #e0e0e0;--project-bg: #f9f9f9;--cta-bg: linear-gradient(to bottom, #f4f4f4, #ffffff);--footer-bg: #f0f0f0;--border-color: #ddd;--meter-bg: #e0e0e0}[data-theme=dark]{--bg: #171717;--text: #fae4cf;--accent: #f2572b;--nav-bg: rgba(23, 23, 23, .7);--section-dark: #111;--card-bg: #1e1e1e;--card-border: #2a2a2a;--project-bg: #1b1b1b;--cta-bg: linear-gradient(to bottom, #111, #171717);--footer-bg: #000;--border-color: #333;--meter-bg: #2a2a2a;--wave-1: rgba(23, 23, 23, .7);--wave-2: rgba(23, 23, 23, .5);--wave-3: rgba(23, 23, 23, .3)}[data-theme=dark] .hero-bg{background:radial-gradient(circle at 30% 30%,#2a2a2a,#111);opacity:1}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,#e0e0e0,#fff);opacity:1;z-index:-1;transition:opacity .3s}.tech i{font-size:2rem;color:var(--text);transition:.3s;filter:drop-shadow(0 0 5px rgba(0,0,0,.2))}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;transition:background .3s,color .3s}body{font-family:Inter Tight,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background .3s,color .3s}.container{width:min(1200px,92%);margin:auto}.navbar{position:fixed;top:0;width:100%;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;padding:18px 32px;z-index:1000;align-items:center;transition:background .3s}.nav-right{display:flex;align-items:center;gap:20px}:root{--hue: 223;--primary: var(--accent);--trans-dur: .3s;--trans-timing: cubic-bezier(.76, .05, .24, .95);--trans-timing-in: cubic-bezier(.76, .05, .86, .06);--trans-timing-out: cubic-bezier(.05, .76, .06, .86)}.switch{margin:auto;position:relative;display:flex}.switch__icon,.switch__input{display:block}.switch__icon{position:absolute;top:.375em;right:.375em;width:.75em;height:.75em;transition:opacity calc(var(--trans-dur) / 2),transform calc(var(--trans-dur) / 2)}.switch__icon polyline{transition:stroke-dashoffset calc(var(--trans-dur) / 2)}.switch__icon--light,.switch__icon--light polyline{transition-delay:calc(var(--trans-dur) / 2);transition-timing-function:var(--trans-timing-out)}.switch__icon--dark{opacity:0;transform:translate(-.75em) rotate(30deg) scale(.75);transition-timing-function:var(--trans-timing-in)}.switch__input{background-color:#555;border-radius:.75em;box-shadow:0 0 0 .125em hsla(var(--hue),90%,50%,0),.125em .125em .25em hsla(var(--hue),90%,10%,.2);outline:transparent;position:relative;width:3em;height:1.5em;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--trans-dur) var(--trans-timing),box-shadow .15s linear;cursor:pointer}.switch__input:focus-visible{box-shadow:0 0 0 .125em hsl(var(--hue),90%,50%),.125em .125em .25em hsla(var(--hue),90%,10%,.2)}.switch__input:before,.switch__input:after{content:"";display:block;position:absolute}.switch__input:before{background-color:var(--accent);border-radius:inherit;mask-image:linear-gradient(120deg,#000 20%,#0000 80%);-webkit-mask-image:linear-gradient(120deg,hsl(0,0%,0%) 20%,hsla(0,0%,0%,0) 80%);inset:0;transition:background-color var(--trans-dur) var(--trans-timing)}.switch__input:after{background-color:#fff;border-radius:50%;box-shadow:.05em .05em .05em hsla(var(--hue),90%,10%,.1);top:.125em;left:.125em;width:1.25em;height:1.25em;transition:background-color var(--trans-dur) var(--trans-timing),transform var(--trans-dur) var(--trans-timing);z-index:1}.switch__input:checked{background-color:var(--accent)}.switch__input:checked:before{background-color:var(--nav-bg)}.switch__input:checked:after{background-color:#000;transform:translate(1.5em)}.switch__input:checked~.switch__icon--light,.switch__input:checked~.switch__icon--light polyline{transition-delay:0s;transition-timing-function:var(--trans-timing-in)}.switch__input:checked~.switch__icon--light{opacity:0;transform:translate(-.75em) rotate(-30deg) scale(.75)}.switch__input:checked~.switch__icon--light polyline{stroke-dashoffset:1.5}.switch__input:checked~.switch__icon--dark{opacity:1;transform:translate(-1.5em);transition-delay:calc(var(--trans-dur) / 2);transition-timing-function:var(--trans-timing-out)}.switch__sr{overflow:hidden;position:absolute;width:1px;height:1px}.theme-toggle:hover{color:var(--accent);transform:rotate(15deg)}.nav-logo{font-size:1.8rem;font-weight:900;letter-spacing:-1px;color:var(--accent);cursor:pointer}.nav-links{display:flex;gap:28px}.nav-links a{color:var(--text);text-decoration:none;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--accent);transition:.3s}.nav-links a:hover:after{width:100%}.hero{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url(/assets/hero-bg.png) no-repeat center center/cover;background-color:var(--bg);opacity:1;z-index:-1;transition:opacity .3s}@media(max-width:1024px){.hero-bg{background-image:url(/assets/tab.png)}.hero-content{height:70%}}@media(max-width:500px){.hero-bg{background-image:url(/assets/Mob.png)!important;background-size:cover;background-position:center bottom}.hero-content{height:75%}}@media(max-width:375px){.hero{min-height:130vh}.hero-bg{background-image:url(/assets/SE.png)!important}}[data-theme=dark] .hero-bg{opacity:.6}.hero-title{font-size:clamp(48px,8vw,96px);font-weight:800}.hero-sub{font-size:28px;margin-top:10px;color:var(--accent)}.hero-desc{max-width:600px;margin-top:20px;opacity:.9}.hero-content{position:relative;z-index:2}.hero-cta{margin-top:30px;display:flex;gap:16px}.btn-primary,.btn-outline{padding:14px 26px;border-radius:14px;text-decoration:none;transition:.3s}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 20px #f2572b66}.btn-primary:hover{transform:translateY(-3px) scale(1.03)}.btn-outline{border:2px solid var(--accent);color:var(--text)}.btn-outline:hover{background:var(--accent);color:#fff}.section{padding:120px 0}.section.dark{background:var(--section-dark);transition:background .3s}.section-title{font-size:42px;margin-bottom:50px;position:relative}.card{background:var(--card-bg);padding:28px;border-radius:18px;border:1px solid var(--card-border);transition:.3s,background .3s,border-color .3s}.card:hover{border-color:var(--accent);box-shadow:0 0 25px #f2572b26;transform:translateY(-6px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.highlight ul{list-style:none}.highlight li{margin:12px 0;padding-left:16px;border-left:3px solid var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:20px}.skill-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:default;text-align:center}.skill-card i{font-size:3rem;color:var(--text);transition:.3s}.skill-card span{font-size:1rem;font-weight:600;opacity:.9}.skill-card:hover i{transform:scale(1.1);color:transparent!important;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;width:1em;height:1em;filter:drop-shadow(0 0 5px rgba(255,255,255,.4))}.skill-card:hover .devicon-java-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/java/java-original.svg)}.skill-card:hover .devicon-spring-original{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/spring/spring-original.svg)}.skill-card:hover .devicon-angularjs-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/angularjs/angularjs-original.svg)}.skill-card:hover .devicon-typescript-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/typescript/typescript-original.svg)}.skill-card:hover .devicon-nodejs-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodejs/nodejs-original.svg)}.skill-card:hover .devicon-postgresql-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/postgresql/postgresql-original.svg)}.skill-card:hover .devicon-docker-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/docker/docker-original.svg)}.skill-card:hover .devicon-git-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg)}.custom-microservices-icon{display:inline-block;width:3rem;height:3rem;position:relative;vertical-align:middle}.custom-microservices-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--text);-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg>');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:opacity .3s ease;opacity:1}.custom-microservices-icon:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3" stroke="%234285F4"></circle><circle cx="6" cy="12" r="3" stroke="%2334A853"></circle><circle cx="18" cy="19" r="3" stroke="%23EA4335"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49" stroke="%23FBBC05"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49" stroke="%23FBBC05"></line></svg>');background-size:contain;background-repeat:no-repeat;background-position:center;transition:opacity .3s ease;opacity:0}.skill-card:hover .custom-microservices-icon:before{opacity:0}.skill-card:hover .custom-microservices-icon:after{opacity:1}.skill-card:hover .custom-microservices-icon{transform:scale(1.1);filter:drop-shadow(0 0 5px rgba(255,255,255,.4))}.skill-card:hover i:not([class*=devicon-]){color:var(--accent)}.tech:hover i{transform:scale(1.2);color:transparent!important;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;width:1em;height:1em;filter:drop-shadow(0 0 5px rgba(255,255,255,.4));transition:transform .3s ease}.tech:hover .devicon-java-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/java/java-original.svg)}.tech:hover .devicon-spring-original{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/spring/spring-original.svg)}.tech:hover .devicon-angularjs-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/angularjs/angularjs-original.svg)}.tech:hover .devicon-javascript-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/javascript/javascript-original.svg)}.tech:hover .devicon-html5-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/html5/html5-original.svg)}.tech:hover .devicon-css3-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/css3/css3-original.svg)}.tech:hover .devicon-typescript-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/typescript/typescript-original.svg)}.tech:hover .devicon-hibernate-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/hibernate/hibernate-original.svg)}.tech:hover .devicon-mysql-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/mysql/mysql-original.svg)}.tech:hover .devicon-mongodb-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/mongodb/mongodb-original.svg)}.tech:hover .devicon-nodejs-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodejs/nodejs-original.svg)}.tech:hover .devicon-express-original{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/express/express-original.svg)}.tech:hover .devicon-postgresql-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/postgresql/postgresql-original.svg)}.tech:hover .devicon-microsoftsqlserver-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/microsoftsqlserver/microsoftsqlserver-plain.svg)}.tech:hover .devicon-azure-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/azure/azure-original.svg)}.tech:hover .devicon-docker-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/docker/docker-original.svg)}.tech:hover .devicon-amazonwebservices-plain-wordmark{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/amazonwebservices/amazonwebservices-original-wordmark.svg)}.tech:hover .devicon-jenkins-line{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/jenkins/jenkins-original.svg)}.tech:hover .devicon-git-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg)}.tech:hover .devicon-postman-plain{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/postman/postman-original.svg)}.waves-container{position:absolute;bottom:0;left:0;width:100%;height:15vh;z-index:0;pointer-events:none;line-height:0}.waves{position:relative;width:100%;height:100%;min-height:100px;max-height:150px}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s;fill:var(--wave-1, rgba(255, 255, 255, .7))}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s;fill:var(--wave-2, rgba(255, 255, 255, .5))}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s;fill:var(--wave-3, rgba(255, 255, 255, .3))}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s;fill:var(--bg)}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}#skills .container,#experience .container{position:relative;z-index:1}#skills,#experience{position:relative;overflow:hidden;padding-bottom:150px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}.project-card{background:var(--project-bg);padding:26px;border-radius:18px;transition:.35s,background .3s;border:1px solid var(--card-border)}.project-card:hover{transform:scale(1.05);border-color:var(--accent)}.project-card h3{margin-bottom:12px}.project-card ul{list-style:none}.project-card li{position:relative;padding-left:16px;margin-bottom:10px;font-size:.95rem;line-height:1.5;opacity:.9}.project-card li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--accent);border-radius:50%}.timeline{position:relative;max-width:800px;margin:0 auto;padding:20px 0}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--border-color);border-radius:2px}.timeline-item{position:relative;margin-bottom:50px;padding-left:60px}.timeline-dot{position:absolute;left:11px;top:0;width:20px;height:20px;background:var(--bg);border:3px solid var(--accent);border-radius:50%;z-index:2;box-shadow:0 0 0 4px var(--bg);transition:transform .3s ease}.timeline-item:hover .timeline-dot{transform:scale(1.3);box-shadow:0 0 15px var(--accent);background:var(--accent)}.timeline-content{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.timeline-item:hover .timeline-content{transform:translate(10px);border-color:var(--accent);box-shadow:0 10px 30px -10px #0003}.timeline-content:before{content:"";position:absolute;left:-10px;top:20px;width:10px;height:2px;background:var(--accent);opacity:0;transition:opacity .3s}.timeline-item:hover .timeline-content:before{opacity:1}.timeline-content h3{font-size:1.5rem;margin-bottom:5px;color:var(--text)}.timeline-content span{display:block;font-size:.9rem;color:var(--accent);margin-bottom:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.timeline-content p{font-size:1rem;line-height:1.6;color:var(--text);opacity:.85}.tech-marquee-wrapper{display:flex;flex-direction:column;gap:30px;overflow:hidden;width:100%;padding:20px 0}.tech-marquee{width:100%;overflow:hidden;position:relative}.tech-track{display:flex;gap:24px;width:max-content;white-space:nowrap}.tech{padding:20px;text-align:center;transition:.3s;display:flex;flex-direction:row;align-items:center;gap:12px;min-width:120px}.tech i{font-size:2rem;color:var(--text);transition:.3s;filter:drop-shadow(0 0 5px rgba(255,255,255,.2))}[data-theme=dark] .tech i{filter:drop-shadow(0 0 5px rgba(255,255,255,.2))}.tech span{font-weight:500;opacity:.8}.tech:hover{transform:translateY(-5px)}.tech:hover i{color:var(--accent);transform:scale(1.1)}.cta{text-align:center;background:var(--cta-bg);padding:100px 0;transition:background .3s}.cta h2{font-size:3rem;margin-bottom:20px;font-weight:800}.cta p{font-size:1.1rem;opacity:.8;margin-bottom:40px}.cta-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.footer{background:var(--footer-bg);padding:60px 0;border-top:1px solid var(--border-color);margin-top:0;transition:background .3s,border-color .3s}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.freelance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.freelance-card{background:var(--card-bg);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.freelance-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003;border-color:var(--accent)}.preview-container{position:relative;width:100%;height:250px;background:#f0f0f0;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1)}.preview-container img{width:100%;height:auto;display:block;transition:transform 8s ease-in-out;transform:translateY(0)}.freelance-card:hover .preview-container img{transform:translateY(calc(-100% + 250px))}.preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000 80%,#00000080);pointer-events:none;opacity:1;transition:opacity .3s}.freelance-card:hover .preview-overlay{opacity:0}.freelance-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.freelance-content h3{color:var(--accent);margin-bottom:.5rem}.freelance-content p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem;flex-grow:1}.btn-sm{align-self:flex-start;padding:8px 16px;font-size:.85rem;border:1px solid var(--accent);color:var(--accent);border-radius:6px;text-decoration:none;transition:all .3s ease}.btn-sm:hover{background:var(--accent);color:#fff}.footer-logo{font-size:2rem;font-weight:900;letter-spacing:-1px;color:var(--accent)}.footer-text p{opacity:.6;font-size:.9rem}.footer-sub{margin-top:5px;font-size:.85rem;color:#666}#progressBar{position:fixed;top:0;left:0;height:4px;background:var(--accent);width:0%;z-index:2000}@media(max-width:768px){.about-grid{grid-template-columns:1fr}.nav-links{position:fixed;right:-100%;top:70px;flex-direction:column;background:var(--nav-bg);width:220px;padding:20px;transition:.3s}.nav-links.open{right:0}.hamburger{display:block;cursor:pointer}.hamburger span{display:block;width:26px;height:3px;background:var(--text);margin:5px 0}.hero-title{font-size:clamp(32px,10vw,48px);line-height:1.1}.hero-sub{font-size:1.2rem}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn-primary,.hero-cta .btn-outline{width:100%;text-align:center}}.theme-toggle-wrapper{display:none}