.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 7rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);z-index:999}.logo{width:60px;cursor:pointer}.nav-menu{display:flex;align-items:center;list-style:none;gap:30px;font-size:20px;font-weight:500}.nav-menu li{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.nav-underline{display:flex;margin:auto}.link{text-decoration:none;color:#fff;transition:.3s}li .link:hover{color:#4361ee}.nav-connect{padding:1rem 2rem;border-radius:50px;background:linear-gradient(267deg,#4361ee,#b5179e);cursor:pointer;transition:.5s;font-size:18px}.nav-connect:hover{transform:scale(1.05);box-shadow:0 0 25px #b5179eb3}.nav-mob-open,.nav-mob-close{display:none}@media (max-width: 1024px){.navbar{padding:10px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);position:relative}.nav-connect{display:none}.nav-mob-open{display:block;width:30px;cursor:pointer}.nav-menu{position:fixed;top:0;left:0;width:100%;height:100dvh;overflow:hidden;touch-action:none;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;background:#00021fe6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transform:translateY(-100%);transition:transform .5s ease-in-out;z-index:9999}.nav-menu.open{transform:translateY(0)}.nav-mob-close{display:block;position:absolute;top:30px;right:30px;width:30px;cursor:pointer;transition:transform .3s}.nav-mob-close:hover{transform:rotate(90deg)}.nav-menu li{transform:scale(1.1)}.nav-menu li p{font-size:18px}}.hero{display:flex;flex-direction:column;margin:3rem 7rem 5rem;justify-content:center;align-items:center;gap:1rem}.hero img{width:18rem;border-radius:50%;padding:3px;background:linear-gradient(267deg,#4361ee,#b5179e);box-shadow:0 10px 40px #4361ee66,0 0 20px #b5179e4d}.hero h1{font-size:3rem;width:60%;text-align:center;font-weight:600;margin-top:2rem;margin-bottom:1rem}.hero h1 span{background:linear-gradient(267deg,#4361ee,#b5179e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:20px}.hero-action{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:5rem;font-size:17px}.hero-action .hero-connect{padding:1rem 2rem;border-radius:50px;background:linear-gradient(267deg,#4361ee,#b5179e);color:#fff;cursor:pointer;transition:.5s;box-shadow:0 0 15px #4361ee80}.hero-action .hero-connect:hover{transform:scale(1.05);box-shadow:0 0 25px #b5179eb3}.hero-action .hero-resume{color:#fff;padding:1rem 2rem;border-radius:50px;border:2px solid white;cursor:pointer;transition:.5s}.hero-action .hero-resume:hover{color:#4361ee;transform:scale(1.05);border:2px solid #4361ee;background:linear-gradient(45deg,#0a0a1a,#1a0518);box-shadow:0 10px 40px #4361ee66,0 0 20px #b5179e4d;background-image:none}@media (max-width: 1200px){.hero h1{width:80%;margin-bottom:1rem}}@media (max-width: 768px){.hero{display:flex;flex-direction:column;margin:16px;justify-content:center;align-items:center;gap:1.5rem}.hero img{margin-top:1rem;width:201.6px}.hero h1{margin-top:.5rem;font-size:33.6px;width:85%;text-align:center;font-weight:600}.hero-action{display:flex;flex-direction:column;gap:1rem;margin-bottom:5rem;width:100%;max-width:320px}.hero-action a{display:block;width:100%;text-align:center;font-size:15px;padding:11.2px 22.4px;text-decoration:none;box-sizing:border-box}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.about-title{position:relative}.about-title h1{font-size:3rem}.about-title img{position:absolute;bottom:0;right:0;z-index:-1;width:50%}.about-sections{display:flex;gap:80px;align-items:flex-start}.about-left{flex:1}.about-left img{width:100%;max-width:400px;border-radius:20px;padding:3px;background:linear-gradient(267deg,#4361ee,#b5179e);box-shadow:0 10px 40px #4361ee66,0 0 20px #b5179e4d}.about-right{flex:1.5;display:flex;flex-direction:column;gap:40px}.about-para{display:flex;flex-direction:column;gap:20px;font-size:20px;line-height:35px;font-weight:400;color:#d4d4d4;text-align:left}.about-para strong{background:linear-gradient(267deg,#4361ee,#b5179e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-skills{display:flex;flex-direction:column;gap:25px}.about-skill{display:flex;align-items:center;gap:30px;transition:.3s}.about-skill p{min-width:120px;font-size:20px;font-weight:500}.skill-bar{width:100%;height:10px;background-color:#32323c;border-radius:50px;overflow:hidden}.skill-bar span{display:block;height:100%;border-radius:50px;background:linear-gradient(267deg,#4361ee,#b5179e)}.about-skill:hover{transform:scale(1.02)}.about-achievements{display:flex;width:100%;justify-content:space-around;align-items:center;margin-bottom:50px;padding:30px 0;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:.5s;width:100%;border-right:1px solid rgba(255,255,255,.2)}.about-achievement:last-child{border-right:none}.about-achievement h2{font-size:40px;font-weight:800;background:linear-gradient(267deg,#4361ee,#b5179e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.about-achievement p{font-size:16px;font-weight:500;text-align:center;max-width:150px;text-transform:uppercase;letter-spacing:1px}.about-achievement:hover{transform:scale(1.1)}@media (max-width: 1024px){.about{margin:80px 70px;gap:60px}.about-sections{flex-direction:column;align-items:center;gap:50px}.about-left img{max-width:350px}.about-para{font-size:18px;line-height:32px}}@media (max-width: 768px){.about{margin:50px 40px;gap:40px}.about-achievements{flex-direction:column;gap:30px;padding:30px}.about-achievement{border-right:none;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:20px}.about-achievement:last-child{border-bottom:none;padding-bottom:0}.about-skill p{font-size:16px;min-width:100px}.about-para{font-size:16px;line-height:28px}}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.services-title{position:relative}.services-title h1{font-size:3rem}.services-title img{position:absolute;bottom:0;right:0;z-index:-1;width:50%}.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;width:100%;margin-bottom:80px}.services-format{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:40px;border-radius:15px;border:2px solid #fff;background:transparent;transition:.4s;cursor:pointer}.services-format h3{transition:.4s;font-size:2.5rem;font-weight:600}.services-format h2{font-size:2rem;font-weight:800;background:linear-gradient(267deg,#4361ee,#b5179e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-format p{color:#d4d4d4;font-size:18px;line-height:30px;max-width:300px;text-align:left}.services-readmore{display:flex;gap:20px;align-items:center;margin-top:10px}.services-readmore p{font-size:16px;max-width:fit-content}.services-format:hover{transform:scale(1.05);border:2px solid #4361ee;background:linear-gradient(45deg,#0a0a1a,#1a0518);box-shadow:0 10px 40px #4361ee66,0 0 20px #b5179e4d;background-image:none}.services-format:hover h3{color:#4361ee}@media (max-width: 1024px){.services{margin:80px 70px}.services-format h2{font-size:32px}}@media (max-width: 768px){.services{margin:50px 40px;gap:40px}.services-container{grid-template-columns:1fr;gap:30px}.services-format{padding:30px}.services-format h2{font-size:28px}.services-format p{font-size:16px;max-width:100%}}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:5rem 12rem;padding-bottom:5rem}.mywork-title{position:relative}.mywork-title h1{font-size:3rem}.mywork-title img{position:absolute;bottom:0;right:0;z-index:-1;width:50%}.mywork-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;width:100%}.mywork-card{border-radius:20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.mywork-card:hover{transform:translateY(-10px);border-color:#4361ee;border-width:2px;box-shadow:0 10px 40px #4361ee4d,0 0 20px #b5179e33}.card-image-wrapper{position:relative;width:100%;aspect-ratio:16/10.5;overflow:hidden}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mywork-card:hover .card-image-wrapper img{transform:scale(1.05)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}.card-overlay span{display:inline-flex;align-items:center;justify-content:center;padding:12px 30px;border-radius:50px;background:linear-gradient(267deg,#4361ee,#b5179e);color:#fff;text-decoration:none;font-weight:500;transition:.3s;box-shadow:0 0 15px #4361ee80}.card-overlay span:hover{transform:scale(1.1);box-shadow:0 0 25px #b5179ecc}.mywork-card:hover .card-overlay{opacity:1}.card-info{padding:20px}.card-info h3{margin:0 0 5px;font-size:22px;font-weight:600}.card-info p{margin:0;color:#d8d8d8;font-size:14px;text-transform:uppercase;letter-spacing:1px}@media (max-width: 1024px){.mywork{margin:80px 70px}}@media (max-width: 768px){.mywork-container{grid-template-columns:1fr}.mywork-title h1{font-size:50px;padding:0}.mywork{margin:50px 30px}.mywork-title{position:relative}.mywork-title h1{font-size:3rem}}.project-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:2000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px;animation:fadeIn .3s ease}.project-modal-content{background:#161513;border:1px solid #333;border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 0 20px #4362ee36;animation:slideUp .4s ease}.project-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #333;position:sticky;top:0;background:#161513;z-index:10}.project-modal-header h2{margin:0;background:linear-gradient(267deg,#4361ee,#b5179e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px}.close-icon{cursor:pointer;width:24px;transition:.3s}.close-icon:hover{transform:rotate(90deg)}.project-modal-body{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;padding:30px}.project-image-container img{width:100%;border-radius:12px;border:1px solid #333;box-shadow:0 4px 20px #00000080}.project-info h3{margin-top:0;font-size:20px;color:#fff;margin-bottom:15px}.project-info p{color:#d8d8d8;line-height:1.6;font-size:16px;margin-bottom:25px}.project-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tag-pill{padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:14px;color:#4361ee}.btn-visit{display:inline-flex;align-items:center;justify-content:center;padding:12px 30px;border-radius:50px;background:linear-gradient(267deg,#4361ee,#b5179e);color:#fff;text-decoration:none;font-weight:500;transition:.3s;width:fit-content}.btn-visit:hover{transform:scale(1.05);box-shadow:0 0 20px #b415ff66}@media (max-width: 768px){.project-modal-body{grid-template-columns:1fr}.project-modal-header h2{font-size:22px}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:5rem 12rem}.contact-title{position:relative}.contact-title h1{font-size:3rem}.contact-title img{position:absolute;bottom:0;right:0;z-index:-1;width:50%}.contact-section{display:flex;gap:150px;width:100%}.contact-left{display:flex;flex-direction:column;gap:30px;flex:1}.contact-left h1{font-size:3rem;background:linear-gradient(267deg,#4361ee,#b5179e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-left p{max-width:550px;color:#fff;font-size:20px;line-height:35px}.contact-details{display:flex;flex-direction:column;gap:30px}.contact-detail{display:flex;align-items:center;gap:20px}.contact-detail p{color:#d8d8d8;font-size:22px;margin:0}.contact-detail a{text-decoration:none;transition:.3s}.contact-detail a:hover p{background:linear-gradient(267deg,#4361ee,#b5179e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-right{display:flex;flex-direction:column;align-items:start;gap:30px;flex:1}.contact-right label{color:#fff;font-size:20px;font-weight:500}.contact-right input,.contact-right textarea{border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;padding:25px;color:#fff;font-family:Outfit,sans-serif;font-size:20px;outline:none;transition:.3s}.contact-right input{height:78px}.contact-right input:focus,.contact-right textarea:focus{border:2px solid #4361ee;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 10px 40px #4361ee66,0 0 20px #b5179e4d;background-image:none;color:#fff}.contact-submit{box-shadow:0 0 15px #4361ee80;border:none;color:#fff;border-radius:50px;background:linear-gradient(267deg,#4361ee,#b5179e);font-size:20px;padding:1rem 2rem;cursor:pointer;transition:.3s;font-family:Outfit,sans-serif}.contact-submit:hover{transform:scale(1.05);box-shadow:0 0 25px #b5179eb3}.contact-submit.disabled{opacity:.7;cursor:not-allowed;transform:none;filter:grayscale(.5)}@media (max-width: 1024px){.contact{margin:80px 70px;gap:50px}.contact-section{flex-direction:column;gap:50px}.contact-left p{font-size:18px;line-height:30px}}@media (max-width: 768px){.contact{margin:50px 40px;gap:40px}.contact-section{gap:40px}.contact-left h1{font-size:28px}.contact-left p{font-size:16px}.contact-detail{gap:15px}.contact-detail p{font-size:18px}.contact-detail img{width:25px;height:auto}.contact-right{gap:20px}.contact-right label{font-size:18px}.contact-right input,.contact-right textarea{font-size:16px;padding:20px}.contact-right input{height:60px}.contact-submit{font-size:18px;padding:15px 40px;width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.modal-content{background:#161513;padding:2rem;border-radius:15px;width:90%;max-width:400px;position:relative;border:2px solid transparent;animation:slideUp .3s ease-in-out}.modal-content.success{border-color:#4361ee;box-shadow:0 0 20px #4362ee82}.modal-content.error{border-color:red;box-shadow:0 0 20px #ff000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h3{margin:0;font-size:24px;background:linear-gradient(267deg,#4361ee,#b5179e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-close-icon{width:20px;cursor:pointer;transition:transform .3s}.modal-close-icon:hover{transform:rotate(90deg)}.modal-body p{color:#d8d8d8;font-size:16px;line-height:24px}.modal-footer{margin-top:1.5rem;display:flex;justify-content:flex-end}.modal-btn{padding:10px 25px;border-radius:50px;background:linear-gradient(267deg,#4361ee,#b5179e);color:#fff;border:none;cursor:pointer;font-size:16px;transition:transform .3s}.modal-btn:hover{transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.footer{display:flex;flex-direction:column;padding:2rem 7vw;gap:1rem;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2)}.footer-top{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}.footer-top-left{font-size:1.25rem;text-align:justify}.footer-top-right{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.footer-email-input{display:flex;gap:30px;padding:20px 80px 20px 30px;border-radius:50px;background:#32323b;width:100%;max-width:500px}.footer-email-input:hover{border:2px solid white}.footer-email-input input{outline:none;border:none;background:transparent;color:#a0a0a0;font-family:Outfit;font-size:1rem}.footer-subscribe{border:none;color:#fff;border-radius:50px;background:linear-gradient(267deg,#da7c25 50.36%,#b923e1 102.06%);font-size:1rem;padding:20px 40px;cursor:pointer;transition:.3s;font-family:Outfit}.footer-subscribe:hover{transform:scale(1.05)}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem}.footer-bottom-right{display:flex;gap:2rem;flex-wrap:wrap}.footer-bottom-right p{cursor:pointer;transition:.3s}.footer-bottom-right p:hover{color:#4361ee}@media (max-width: 768px){.footer{padding:2rem 3vw}.footer-top{flex-direction:column;align-items:center;gap:2rem}.footer-top-right{justify-content:center}.footer-email-input{padding:15px 20px;width:100%}.footer-subscribe{padding:15px 30px}.footer-bottom{flex-direction:column;align-items:center}.footer-bottom-right{justify-content:center}}@media (max-width: 480px){.footer-top-left{font-size:1rem;text-align:center}.footer-email-input{padding:10px 15px;width:100%}.footer-subscribe{padding:10px 20px}}.not-found{height:80vh;display:flex;justify-content:center;align-items:center;text-align:center;font-family:Outfit,sans-serif;color:#fff}.not-found-content{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:600px;padding:20px}.not-found h1{font-size:180px;font-weight:800;margin:0;line-height:1;background:linear-gradient(267deg,#4361ee,#b5179e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 15px rgba(67,97,238,.5));animation:glowPulse 3s infinite alternate}.not-found h2{font-size:40px;margin:0;font-weight:600}.not-found p{font-size:18px;color:#d4d4d4;margin-bottom:30px}.not-found-btn{padding:18px 50px;border-radius:50px;text-decoration:none;font-size:20px;font-weight:500;color:#fff;background:linear-gradient(267deg,#4361ee,#b5179e);box-shadow:0 0 15px #4361ee66;transition:transform .3s ease,box-shadow .3s ease}.not-found-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #b5179e99,0 0 10px #4361eecc}@keyframes glowPulse{0%{filter:drop-shadow(0 0 10px rgba(67,97,238,.4))}to{filter:drop-shadow(0 0 25px rgba(181,23,158,.6))}}@media (max-width: 768px){.not-found h1{font-size:120px}.not-found h2{font-size:30px}.not-found p{font-size:16px;padding:0 20px}.not-found-btn{padding:15px 40px;font-size:18px}}*{margin:0;padding:0;box-sizing:border-box;outline:none;text-decoration:none;border:none}body{font-family:Outfit,sans-serif;height:100vh;color:#fff;overflow-x:hidden;background-color:#000;background-image:radial-gradient(circle at 10% 20%,#5a149666,#0000 50%),radial-gradient(circle at 90% 80%,#14329666,#0000 50%);background-attachment:fixed}