*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{min-height:100vh;background:linear-gradient(120deg,#1e1e2f,#3b3b5a);color:#fff;font-family:Roboto,sans-serif;line-height:1.5}.navbar{display:flex;align-items:center;justify-content:space-between;max-width:75rem;margin:1rem auto;position:relative;height:5rem;padding-top:2rem;padding:.15rem}.nav-logo{width:12rem;height:auto}.nav-logo:hover{transform:scale(1.15)}.nav-menu{display:flex;align-items:center;list-style:none;gap:2.25rem;font-size:1.1rem}.nav-connect{padding:.8rem 1.6rem;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);font-size:1rem;cursor:pointer;transition:.3s}.nav-connect:hover{transform:scale(1.05)}.anchor-link{text-decoration:none;color:#fff}.navbar ul li img{width:35px;height:4px;margin-top:6px;object-fit:contain}.navbar ul li{position:relative;cursor:pointer}.navbar ul li:after{content:"";position:absolute;left:50%;bottom:-6px;width:0;height:3px;background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:10px;transform:translate(-50%);transition:width .3s ease}.navbar ul li.active:after,.navbar ul li:hover:after{width:40%}.menu-close,.menu-open{display:none}@media(max-width:768px){.navbar{padding:0 1rem}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;padding-top:80px;gap:2rem;background-color:#1f0016;width:250px;height:100%;z-index:2;transition:right .5s}.menu-open,.menu-close{display:block;width:28px;height:28px;cursor:pointer;filter:brightness(0) invert(1)}.menu-open{position:fixed;right:30px;display:block}.menu-close{display:block;position:absolute;right:20px;top:30px;width:30px}.nav-connect{padding-right:50px;display:none}.nav-menu li{font-size:20px;padding-left:100px;flex-direction:row;gap:20px}}@media(max-width:468px){.nav-menu{display:flex!important;flex-direction:column;position:fixed;top:0;right:-100%;width:260px;height:100vh;background:#fff;padding:60px 20px;gap:20px;background-color:#1f0016;z-index:9999;overflow:visible}.nav-menu .anchor-link{color:#fff}.menu-close{display:block!important;position:absolute;filter:none;top:20px;right:20px;width:24px;cursor:pointer;z-index:10000;filter:brightness(0) invert(1)}}.hero{display:flex;align-items:center;flex-direction:column;gap:2rem;padding:4rem 1rem}.hero img{margin-top:-40px;height:17.5rem;width:17.5rem;object-fit:cover;transition:transform .3s ease}.hero img:hover{transform:scale(1.2)}.hero h1{text-align:center;max-width:50.2rem;font-size:3.5rem;font-weight:600}.hero h1 span{background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{max-width:40.2rem;text-align:center;font-size:1.1rem;line-height:1.8}.heighlight{background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-action{display:flex;align-items:center;gap:1.5rem;font-size:1.1rem;font-weight:500;margin-bottom:3rem}.hero-connect{padding:.9rem 1.8rem;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);cursor:pointer}.hero-resume{padding:.9rem 2.5rem;border-radius:50px;border:2px solid #FFF;cursor:pointer;background:linear-gradient(270deg,#df8908 -5.09%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-connect:hover{border:2px solid white}.hero-resume:hover{border-color:#b415ff}.hero-social-icons{margin-top:-15px;display:flex;align-items:center;justify-content:center;gap:3rem}.linkedin-icon img{transform:scale(1.35);filter:brightness(0) invert(1)}.github-icon img{filter:brightness(0) invert(1)}.hero-social-icons img{width:4rem;height:4rem;cursor:pointer;object-fit:contain;transition:transform .3s ease}.hero-social-icons img:hover{transform:scale(1.15)}@media(max-width:768px){.hero img{margin-top:120px;width:260px}.hero h1{margin-top:50px;width:90%;font-size:50px}.hero p{width:60%;font-size:18px;line-height:32px;margin:10px 0}.hero-action{gap:16px;font-size:18px;font-weight:500;margin-bottom:50px}.hero-connect{padding:20px 30px;border-radius:40px}.hero-resume{padding:20px 50px;border-radius:40px}.hero-social-icons img{width:56px;height:56px;margin-top:-40px}}@media(max-width:468px){.hero img{margin-top:10px;width:200px}.hero h1{margin-top:20px;width:70%;font-size:20px}.hero p{width:70%;font-size:12px;line-height:16px;margin:10px 0}.hero-action{gap:12px;font-size:12px;font-weight:300;margin-bottom:20px}.hero-connect{padding:10px 20px;border-radius:50px}.hero-resume{padding:10px 30px;border-radius:40px}.hero-social-icons img{width:48px;height:48px;margin-top:-20px}}.about{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4rem;margin:5rem 2rem}.about-title{position:relative}.about-title h1{padding:0 1.5rem;font-size:3.5rem;font-weight:600;background:linear-gradient(270deg,#df8908 -5.09%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-title img{position:absolute;bottom:-10px;right:-10px;z-index:-1;width:120px}.about-section{display:flex;align-items:center;gap:4rem}.about-right{display:flex;flex-direction:column;gap:4rem}.about-para{margin-top:-40px;display:flex;flex-direction:column;gap:1rem;font-size:1.1rem;font-weight:500}.about-skills{display:flex;flex-direction:column;gap:1rem}.about-skill{display:flex;gap:2rem;align-items:center;transition:.3s}.about-skill p{min-width:5rem;font-size:1rem;font-weight:500}.about-skill hr{outline:none;border:none;width:50%;height:8px;border-radius:5rem;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%)}.about-achivements{display:flex;width:100%;justify-content:space-around;margin-bottom:8rem}.about-achivement{display:flex;flex-direction:column;align-items:center;gap:1rem;transition:.5s}.about-achivement h1{font-size:2rem;font-weight:700;background:linear-gradient(270deg,#df8908 50.41%,#b415ff 90.1%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-achivement p{font-size:1rem;font-weight:500}.about-skill:hover{transform:scale(1.05);transition:.3s}.about-achivement:hover{transform:scale(1.12);transition:.5s}@media(max-width:768px){.about{align-items:center;text-align:center}.about-title{justify-content:center;text-align:center}.about-title h1{text-align:center}.about-title img{width:130px;right:-20px}.about-sections{align-items:center;text-align:center}.about-left{display:none}.about-para{text-align:center}.about-skill{align-items:center}.about-skill p{text-align:center}.about-skill hr{margin:0 auto}.about-achivements{justify-content:center;text-align:center}.about-achivement{align-items:center;text-align:center}}@media(max-width:468px){.about-title{justify-content:center;text-align:center}.about-title h1{text-align:center;font-size:40px}.about-title img{width:60px;right:0}.about-section{align-items:center;text-align:center}.about-left{display:none}.about-para{text-align:center;font-size:14px}.about-skill{align-items:center}.about-skill p{text-align:center;font-size:14px}.about-skill hr{margin:0 auto}.about-achivements{justify-content:center;text-align:center}.about-achivement{align-items:center;text-align:center}.about-achivement h1{font-size:22px}.about-achivement p{font-size:14px}}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;max-width:1200px;margin:5rem auto;padding:0 1.5rem}.services-title{position:relative}.services-title h1{font-size:3.5rem;font-weight:600;text-align:center;background:linear-gradient(270deg,#df8908 -5.09%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services-title img{position:absolute;bottom:-10px;right:-10px;z-index:-1;width:120px}.services-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;margin-bottom:4rem}.services-format{display:flex;flex-direction:column;justify-content:center;gap:1.2rem;padding:2.5rem;border-radius:12px;border:2px solid #fff;cursor:pointer;transition:transform .3s ease,border .3s ease}.services-format h3{font-size:1.3rem;font-weight:600}.services-format h2{font-size:1.9rem;font-weight:800;background:linear-gradient(270deg,#df8908 50%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services-format p{color:#d4d4d4;font-size:1rem;line-height:1.7;max-width:100%}.services-readmore{display:flex;align-items:center;gap:.8rem;margin-top:1rem}.readmore-link{display:inline-flex;align-items:center;gap:6px;color:#b400ff;text-decoration:none;font-weight:500;transition:color .3s ease}.services-readmore:hover .readmore-link{color:#ff8a00;letter-spacing:.5px}.arrow_icon{width:24px;height:24px;transition:transform .3s ease}.services-readmore:hover .arrow_icon{transform:translate(6px)}.services-format:hover{border-color:#f0f;background-image:linear-gradient(45deg,#3f0028,#582300);transform:scale(1.05)}@media(max-width:768px){.services{gap:3rem;margin:3rem auto;padding:0 1rem;align-items:center}.services-title h1{font-size:2.5rem}.services-title img{width:90px}.services-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.services-format{padding:2rem}.services-format h2{font-size:1.6rem}.services-format p{font-size:.95rem;line-height:1.6}}@media(max-width:468px){.services{gap:32px;margin:32px auto;padding:0 16px;align-items:center}.services-title h1{font-size:40px}.services-title img{width:60px;right:0}.services-container{grid-template-columns:repeat(2,1fr);gap:12px}.services-format{padding:16px}.services-format h2{font-size:18px}.services-format p{font-size:12px;line-height:1.4}}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;max-width:75rem;margin:5rem auto;padding:0 1.5rem}.mywork-title{position:relative}.mywork-title h1{font-size:3.5rem;font-weight:600;text-align:center;background:linear-gradient(270deg,#f90 -5.09%,#f0f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mywork-title img{position:absolute;bottom:-10px;right:-10px;z-index:-1;width:120px}.mywork-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%}.mywork-container img{width:100%;height:220px;object-fit:cover;border-radius:12px;cursor:pointer;transition:transform .3s ease,border .3s ease}.mywork-container img:hover{transform:scale(1.05);border:3px solid #ff00ff}.mywork-showmore{display:flex;align-items:center;gap:1rem;padding:1.2rem 2.5rem;border-radius:50px;border:2px solid #fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .4s ease;margin-bottom:4rem}.showmore-arrow{width:24px;height:24px;transition:transform .3s ease}.mywork-showmore:hover{gap:1.8rem;background:linear-gradient(90deg,#f0f,#f90)}.mywork-showmore:hover .showmore-arrow{transform:translate(6px)}@media(max-width:768px){.mywork{gap:1rem;margin:2rem 1rem;padding:0 1rem;align-items:center}.mywork-title h1{font-size:2.5rem}.mywork-title img{width:90px}.mywork-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.mywork-container img{height:180px}.mywork-showmore{padding:1rem 2rem;font-size:1rem;margin:2.5rem auto}}@media(max-width:468px){.mywork{gap:10px;margin:16px 8px;align-items:center}.mywork-title h1{font-size:40px}.mywork-title img{width:60px;right:0}.mywork-container{margin-top:25px;grid-template-columns:repeat(2,1fr);gap:12px}.mywork-container img{height:120px}.mywork-showmore{padding:8px 22px;font-size:12px;margin:30px auto}}.contact{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4rem;margin:4rem 2rem}.contact{position:relative}.contact-title h1{padding:0 1.5rem;font-size:3.5rem;font-weight:600;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-section{display:flex;gap:4rem}.contact-left{display:flex;flex-direction:column;gap:1rem}.contact-left h1{font-size:3.5rem;font-weight:700;background:linear-gradient(270deg,#df8908 80%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:30rem;color:#d8d8d8;font-size:1rem;line-height:2rem}.contact-details{display:flex;flex-direction:column;gap:2rem;color:#d8d8d8;font-size:.5rem}.contact-detail{display:flex;align-items:center;gap:1.1rem}.mail-icon,.call-icon,.location-icon{filter:brightness(0) invert(1)}.contact-detail img{width:1.5rem;height:1.5rem;object-fit:contain}.contact-right{display:flex;flex-direction:column;align-items:start;gap:1.75rem}.contact-right label{color:#d8d8d8;font-size:1rem;font-weight:500}.contact-right input{border:none;width:45rem;height:4rem;padding-left:1rem;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:outfit;font-size:1rem}.contact-right textarea{width:40rem;border:none;padding:1.5rem;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:outfit;font-size:1rem}.contact-submit{border:none;color:#fff;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);font-size:1rem;padding:1rem 2rem;margin-bottom:3rem;cursor:pointer;transition:.3s}.contact-submit:hover{transform:scale(1.1);transition:.3s}@media(max-width:768px){.contact{gap:3rem;margin:3rem auto;align-items:center}.contact-title h1{padding:0;font-size:50px;font-weight:600}.contact-section{flex-direction:column}.contact-left h1{font-size:54px}.contact-left p{font-size:18px}.contact-detail{gap:20px}.contact-detail img{width:25px}.contact-right label{font-size:20px}.contact-right input{width:100%;font-size:20px}.contact-right textarea{width:95%;font-size:20px}.contact-submit{font-size:20px;padding:15px 40px}}@media(max-width:468px){.contact{gap:32px;padding:0 16px;margin:32px auto;align-items:center;justify-content:center}.contact-title h1{font-size:40px;font-weight:600}.contact-section{flex-direction:column}.contact-left h1{font-size:32px}.contact-left p{font-size:14px}.contact-detail{gap:10px}.contact-detail img{width:16px}.contact-right label{font-size:16px}.contact-right input{width:100%;font-size:14px}.contact-right textarea{width:95%;font-size:14px}.contact-submit{font-size:14px;padding:12px 20px}}.footer{margin:5rem 2rem;display:flex;flex-direction:column;gap:2rem}.footer-top{display:flex;justify-content:space-between}.footer-top-left p{font-size:1rem;max-width:25rem}.footer-top-right{display:flex;align-items:center;gap:2rem}.footer-email-input{display:flex;gap:2rem;padding:1rem 5rem 1rem 2rem;border-radius:50px;background:#32323b;margin-bottom:-120px}.footer-email-input input{outline:none;border:none;background:transparent;color:#a0a0a0;font-family:outfit;font-size:1rem}.footer-subscribe{font-size:1.1rem;padding:1rem 3rem;border-radius:50px;background:linear-gradient(270deg,#df8908 -5.09%,#b415ff 106.08%);cursor:pointer;transition:.3s;margin-bottom:-120px}.footer-bottom{display:flex;justify-content:space-between;font-size:1rem}.footer-bottom-right{display:flex;gap:3rem;margin-bottom:3rem}.footer-email-input:hover{border:2px solid white}.footer-subscribe:hover{transform:scale(1.1);transition:.3s}.footer-logo{width:50%;height:80%;object-fit:contain;transform:translateY(72px)}.user-icon{width:1rem;height:1rem;object-fit:contain;filter:brightness(0) invert(1)}@media(max-width:768px){.footer-top{flex-direction:column;align-items:center;margin-right:80px;gap:15px}.footer-top-right{display:flex;flex-direction:row;gap:12px;width:100%;margin-top:15px}.footer-email-input{flex:1;max-width:230px;padding:.8rem 1.2rem;margin-bottom:0}.footer-subscribe{flex-shrink:0;padding:.8rem 1.6rem;margin-bottom:0}.footer hr{margin-top:26px}.footer-bottom{flex-direction:column;gap:14px;text-align:center}.footer-bottom .footer-email-input input{width:100%;text-align:left}.footer-bottom-right{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:row;gap:18px;text-align:center;margin-bottom:0}}@media(max-width:468px){.footer{margin:16px 10px}.footer-top{flex-direction:column;align-items:center;margin-right:80px;gap:18px}.footer-top-right{display:flex;flex-direction:row;gap:12px;width:100%;margin-top:15px}.footer-email-input{flex:1;max-width:200px;padding:8px 16px;margin-bottom:0}.footer-email-input input{font-size:14px}.footer-subscribe{flex-shrink:0;padding:4px 8px;margin-bottom:0;font-size:14px}.footer-bottom-right{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:row;gap:14px;font-size:14px;text-align:center;margin-bottom:0}}