.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:10px 10%;box-sizing:border-box;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{width:120px;height:auto;object-fit:contain}.nav-menu{display:flex;align-items:center;gap:40px;list-style:none;font-size:clamp(14px,1.2vw,20px);margin:0;padding:0}.nav-menu li{cursor:pointer}.nav-menu li p{margin:0;color:#fff;transition:.3s ease}.nav-menu li:hover p,.nav-menu li.active p{background:linear-gradient(270deg,#DF8908,#B415FF,#00BCD4,#DF8908);background-size:600% 600%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientMove 6s ease infinite}.anchor-link{text-decoration:none;color:inherit}.anchor-link:focus,.anchor-link:focus-visible,.nav-menu li:focus,.nav-menu li p:focus,.nav-mob-toggle:focus,.nav-mob-toggle:focus-visible{outline:none;box-shadow:none}.nav-connect{display:flex;align-items:center;justify-content:center;padding:clamp(10px,1vw,15px) clamp(14px,1.5vw,20px);border-radius:50px;background:linear-gradient(267deg,#DA7C25,#B923E1);color:#fff;font-size:clamp(13px,1vw,18px);cursor:pointer;white-space:nowrap;transition:transform .4s ease}.nav-connect:hover{transform:scale(1.05)}.nav-connect.active{background:linear-gradient(270deg,#DF8908,#B415FF,#00BCD4,#DF8908);background-size:600% 600%;animation:gradientMove 6s ease infinite}.mobile-cta{display:none}.mobile-cta a{display:block;text-align:center;padding:12px 16px;border-radius:50px;background:linear-gradient(267deg,#DA7C25,#B923E1);color:#fff;font-size:16px;font-weight:500;white-space:nowrap}.mobile-cta.active a{background:linear-gradient(270deg,#DF8908,#B415FF,#00BCD4,#DF8908);background-size:600% 600%;animation:gradientMove 6s ease infinite}.nav-mob-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;z-index:10000;padding:0}.nav-mob-icon{width:34px;height:34px}*{-webkit-tap-highlight-color:transparent}@media (max-width: 1093px){.navbar{padding:10px 6%}.logo{width:110px}.nav-menu{gap:22px}.nav-connect{font-size:13px;padding:8px 14px}}@media (max-width: 768px){.navbar{padding:15px 6%}.logo{width:100px}.nav-connect{display:none}.nav-mob-toggle{display:flex;align-items:center;justify-content:center;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.navbar .nav-menu{position:fixed;top:0;right:-260px;width:260px;height:100vh;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:110px 0 0 40px;box-sizing:border-box;background:linear-gradient(180deg,rgba(27,27,30,.98),rgba(10,10,12,.98));border-left:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:-20px 0 50px #00000059;transition:right .4s ease}.navbar .nav-menu.open{right:0}.nav-menu li{width:100%;padding:10px 0;display:flex;justify-content:flex-start;align-items:center;background:transparent}.nav-menu li:hover,.nav-menu li.active{background:transparent;transform:none}.nav-menu li p{width:100%;text-align:left;font-size:19px}.mobile-cta{display:block;margin-top:20px;width:82%}}.hero{display:flex;align-items:center;flex-direction:column;gap:20px}.hero .hero-animate{opacity:0;transform:translateY(45px) scale(.96);transition:opacity .9s ease,transform .9s ease}.hero.show .hero-animate{opacity:1;transform:translateY(0) scale(1)}.hero.show .hero-delay-1{transition-delay:.15s}.hero.show .hero-delay-2{transition-delay:.35s}.hero.show .hero-delay-3{transition-delay:.55s}.hero.show .hero-delay-4{transition-delay:.75s}.hero:not(.show) .hero-animate{transition-delay:0s}.profile-img{margin-top:10px;width:240px;border-radius:50%;position:relative;z-index:1}.hero h1{text-align:center;width:65%;font-size:65px;font-weight:600;line-height:70px}.hero h1 span{background:linear-gradient(270deg,#df8908,#b415ff,#00bcd4,#df8908);background-size:600% 600%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientMove 8s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero p{width:50%;text-align:center;font-size:18px;line-height:30px}.hero-action{display:flex;align-items:center;gap:25px;font-weight:500;margin-bottom:50px}.hero-connect{padding:20px 30px;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);cursor:pointer;transition:transform .3s ease,border .3s ease}.hero-connect:hover{border:2px solid white;transform:translateY(-2px)}.hero-resume{padding:20px 55px;border-radius:50px;border:2px solid #fff;cursor:pointer;transition:transform .3s ease,border-color .3s ease}.hero-resume:hover{border-color:#b415ff;transform:translateY(-2px)}.cv-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;overflow:hidden;animation:fadeIn .3s ease}.cv-image{max-width:95%;max-height:90vh;border-radius:12px;box-shadow:0 0 50px #ffffff1a;animation:zoomIn .3s ease;object-fit:contain}.cv-close{position:fixed;top:25px;right:35px;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:rgba(0,0,0,.6);color:#fff;font-size:34px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100000;transition:.25s ease}.cv-close:hover{transform:scale(1.1);background:white;color:#000}@keyframes zoomIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.profile-img{margin-top:50px;width:180px}.hero h1{margin-top:10px;width:90%;font-size:34px;line-height:42px}.hero p{width:85%;font-size:15px;line-height:24px}.hero-action{gap:10px;margin-bottom:40px;flex-direction:column}.hero-connect,.hero-resume{width:100%;text-align:center;padding:16px;font-size:14px}.cv-image{max-width:90%;max-height:75vh}.cv-close{top:18px;right:18px;width:42px;height:42px;font-size:30px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:70px 10%}.about-sections{display:flex;gap:60px}.about-left img{width:300px;border-radius:10px}.about-right{display:flex;flex-direction:column;gap:40px}.about-para{display:flex;flex-direction:column;gap:15px;font-size:18px;font-weight:500;line-height:1.5}.about-skills{display:flex;gap:50px;margin-top:10px}.skills-column{width:50%}.skills-column h3{margin-bottom:22px;font-size:22px;font-weight:700;color:#fff}.about-skill{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;transition:transform .3s ease}.about-skill p{font-size:18px;font-weight:500}.about-skill hr{outline:none;border:none;height:8px;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);width:0;transition:width 1.4s ease}.about-skill:hover hr{background:linear-gradient(270deg,#df8908,#b415ff,#00bcd4,#df8908);background-size:300% 300%;animation:skillGradientMove 1.5s linear infinite}.about-skill:hover{transform:scale(1.04)}@keyframes skillGradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.about-achievements{display:flex;width:100%;justify-content:space-around;margin-bottom:50px}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .5s ease}.about-achievement h1{font-size:40px;font-weight:700;background:linear-gradient(270deg,#df8908 50.41%,#b415ff 90.25%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-achievement p{font-size:18px;font-weight:500}.about-achievement:hover{transform:scale(1.12)}.about-animate{opacity:0;transform:translateY(45px) scale(.96);transition:opacity .9s ease,transform .9s ease}.about.show .about-animate{opacity:1;transform:translateY(0) scale(1)}.about.show .delay-1{transition-delay:.1s}.about.show .delay-2{transition-delay:.25s}.about.show .delay-3{transition-delay:.4s}.about.show .delay-4{transition-delay:.55s}.about.show .delay-5{transition-delay:.7s}.about:not(.show) .about-animate{transition-delay:0s}@media (max-width: 768px){.about{gap:50px;margin:50px 6%;align-items:start}.about-sections{flex-direction:column}.about-left{display:none}.about-para{font-size:16px;line-height:25px}.about-skills{flex-direction:column;gap:25px;width:100%}.skills-column{width:100%}.skills-column h3{font-size:20px;margin-bottom:18px}.about-skill p{font-size:16px}.about-skill hr{height:6px}.about-achievements{justify-content:space-between}.about-achievement{gap:10px}.about-achievement h1{font-size:28px}.about-achievement p{text-align:center;font-size:12px}}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:70px 10%}.services-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px;align-items:stretch}.services-format{display:flex;flex-direction:column;justify-content:flex-start;gap:14px;padding:30px;min-height:280px;border-radius:12px;border:2px solid white;transition:.4s;cursor:pointer;background:transparent}.services-format h3{font-size:20px;font-weight:600;color:#aaa}.services-format h2{font-size:28px;font-weight:800;min-height:70px;line-height:1.2;background:linear-gradient(270deg,#df8908 50%,#b415ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services-format p{color:#d4d4d4;font-size:18px;line-height:28px}.services-format:hover{border:2px solid #ff00ff;background-image:linear-gradient(45deg,#3f0028,#582300);transform:translateY(-6px) scale(1.02)}.services-animate{opacity:0;transform:translateY(45px) scale(.96);transition:opacity .9s ease,transform .9s ease}.services.show .services-animate{opacity:1;transform:translateY(0) scale(1)}.services.show .delay-1{transition-delay:.1s}.services.show .delay-2{transition-delay:.25s}.services.show .delay-3{transition-delay:.4s}.services.show .delay-4{transition-delay:.55s}.services.show .delay-5{transition-delay:.7s}.services.show .delay-6{transition-delay:.85s}.services:not(.show) .services-animate{transition-delay:0s}@media (max-width:768px){.services{align-items:start;gap:60px;margin:40px 6%}.services-container{grid-template-columns:1fr 1fr;gap:20px}.services-format{padding:20px;min-height:250px}.services-format h2{font-size:22px;min-height:55px}.services-format p{font-size:16px;line-height:26px}}@media (max-width:480px){.services-container{grid-template-columns:1fr}.services-format{min-height:auto}}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 10%}.mywork-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.mywork-container img{width:100%;cursor:pointer;border-radius:10px;transition:opacity .9s ease,transform .9s ease,box-shadow .3s ease}.mywork-container img:hover{transform:translateY(0) scale(1.05);box-shadow:0 0 0 3px #fff,0 10px 30px #fff3}.mywork-animate{opacity:0;transform:translateY(45px) scale(.96);transition:opacity .9s ease,transform .9s ease}.mywork.show .mywork-animate{opacity:1;transform:translateY(0) scale(1)}.mywork.show .delay-1{transition-delay:.1s}.mywork.show .delay-2{transition-delay:.25s}.mywork.show .delay-3{transition-delay:.4s}.mywork.show .delay-4{transition-delay:.55s}.mywork.show .delay-5{transition-delay:.7s}.mywork.show .delay-6{transition-delay:.85s}.mywork.show .delay-7{transition-delay:1s}.mywork.show .delay-8{transition-delay:1.15s}.mywork:not(.show) .mywork-animate{transition-delay:0s}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .3s ease}.image-modal img{max-width:80%;max-height:80%;border-radius:12px;animation:zoomIn .3s ease}.close-btn{position:absolute;top:30px;right:40px;font-size:32px;color:#fff;cursor:pointer;transition:.3s}.close-btn:hover{color:#fff;transform:scale(1.2)}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);font-size:60px;color:#fff;cursor:pointer;padding:10px;transition:.3s;-webkit-user-select:none;user-select:none}.nav-btn:hover{color:#fff;transform:translateY(-50%) scale(1.2)}.nav-btn.left{left:40px}.nav-btn.right{right:40px}@keyframes zoomIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.mywork{gap:50px;margin:50px 6%;align-items:start}.mywork-container{grid-template-columns:1fr 1fr;gap:20px}.image-modal img{max-width:95%;max-height:70%}.nav-btn{font-size:40px}.nav-btn.left{left:10px}.nav-btn.right{right:10px}.close-btn{top:20px;right:20px;font-size:28px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 10%}.contact-section{width:100%;display:flex;justify-content:space-between;gap:30px}.contact-left{display:flex;flex-direction:column;gap:20px;flex-basis:40%}.contact-left h1{font-size:50px;font-weight:700;background:linear-gradient(270deg,#df8908 80%,#b415ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:550px;color:#d8d8d8;font-size:16px;line-height:25px}.contact-details{display:flex;flex-direction:column;gap:25px;color:#d8d8d8;font-size:22px}.contact-detail{display:flex;align-items:center;gap:18px}.contact-detail img{width:25px}.contact-right{flex-basis:55%;display:flex;flex-direction:column;align-items:start;gap:15px}.contact-right label{color:#d8d8d8}.contact-right input,.contact-right textarea{border:none;outline:none;width:100%;padding:18px 0 18px 20px;border-radius:4px;background:#32323c;color:#fff;font-family:Outfit;font-size:18px;box-sizing:border-box}.contact-right input::placeholder,.contact-right textarea::placeholder{color:#a0a0a0}.contact-submit{border:none;color:#fff;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);font-size:18px;padding:18px 40px;margin-bottom:50px;margin-top:15px;cursor:pointer;transition:transform .3s ease,opacity .3s ease}.contact-submit:hover{transform:scale(1.1)}.contact-submit.loading{opacity:.7;cursor:not-allowed;transform:none}.success-popup{position:fixed;top:30px;right:30px;z-index:9999;animation:popupFadeIn .4s ease forwards}.success-card{width:320px;padding:24px;border-radius:20px;background:rgba(18,18,18,.92);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 60px #00000073;display:flex;flex-direction:column;align-items:center;text-align:center;animation:successScale .45s ease forwards}.success-icon{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#00ffae,#00bcd4);color:#111;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;margin-bottom:14px;animation:iconPop .6s ease forwards}.success-card h3{color:#fff;font-size:22px;margin:0 0 8px}.success-card p{color:#d6d6d6;font-size:15px;line-height:1.5;margin:0}.error-card{border-color:#ff4d4d59}.error-icon{background:linear-gradient(135deg,#ff4d4d,#ff9f43);color:#fff}.contact-animate{opacity:0;transform:translateY(45px) scale(.96);transition:opacity .9s ease,transform .9s ease}.contact.show .contact-animate{opacity:1;transform:translateY(0) scale(1)}.contact.show .delay-1{transition-delay:.1s}.contact.show .delay-2{transition-delay:.25s}.contact.show .delay-3{transition-delay:.4s}.contact:not(.show) .contact-animate{transition-delay:0s}@keyframes popupFadeIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes successScale{0%{transform:scale(.85) translateY(-10px)}to{transform:scale(1) translateY(0)}}@keyframes iconPop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}@media (max-width: 768px){.contact{gap:40px;margin:50px 6%;align-items:start}.contact-section{flex-direction:column}.contact-left h1{font-size:35px}.contact-detail{gap:12px;font-size:16px}.contact-detail img{width:20px}.contact-left{margin-bottom:30px}.contact-right{width:100%;flex-basis:100%}.contact-right label{font-size:14px}.contact-submit{width:100%;padding:16px 30px}.success-popup{top:20px;left:50%;right:auto;width:90%;transform:translate(-50%);animation:popupMobileFadeIn .4s ease forwards}.success-card{width:100%;box-sizing:border-box}}@keyframes popupMobileFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-25px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.footer{margin:50px 10%;display:flex;flex-direction:column;gap:20px}.footer hr{border:none;height:1px;background:rgba(255,255,255,.15)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px}.footer-bottom-left{color:#bfbfbf}.footer-bottom-right{display:flex;gap:25px;color:#bfbfbf}.footer-bottom-right p{cursor:pointer;transition:color .3s ease}.footer-bottom-right p:hover{color:#fff}@media (max-width:768px){.footer{margin:40px 6%}.footer-bottom{flex-direction:column-reverse;align-items:flex-start;gap:12px;font-size:14px}.footer-bottom-right{flex-direction:column;gap:8px}}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{min-height:100vh;background:#161513;color:#fff;font-family:outfit;padding-top:100px;overflow-x:hidden}.title-box{position:relative}.title-box h1{padding:0 30px;font-size:60px;font-weight:600}.title-box img{width:160px;position:absolute;bottom:0;right:0;z-index:-1}@media (max-width: 768px){.about-title img{width:130px;right:-20px}.title-box h1{padding:0;font-size:40px}.title-box img{width:100px;right:-40px}}