@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0}body{color:#fff;background:#161516;height:100vh;font-family:outfit}.navbar{justify-content:space-between;align-items:center;margin:20px 170px;display:flex}.nav-logo{cursor:pointer;object-fit:contain;mix-blend-mode:lighten;cursor:pointer;object-fit:contain;width:200px;height:auto}.nav-menu{align-items:center;gap:60px;font-size:20px;list-style:none;display:flex}.nav-menu li{cursor:pointer;flex-direction:column;gap:5px;display:flex}.nav-menu li img{margin:auto;display:flex}.nav-connect{cursor:pointer;background:linear-gradient(267deg,#da7c25 .36%,#b923e1);border-radius:50px;padding:20px 40px;font-size:22px;transition:transform .3s}.nav-connect:hover{transform:scale(1.05)}.anchor-link{color:#fff;text-decoration:none}.nav-mob-close,.nav-mob-open,.nav-overlay{display:none}@media (width<=1024px){.navbar{margin:20px 80px}.nav-logo{width:160px}.nav-menu{gap:35px;font-size:18px}.nav-connect{padding:16px 28px;font-size:18px}}@media (width<=768px){.navbar{margin:20px 30px}.nav-logo{width:140px}.nav-connect{display:none}.nav-mob-open{cursor:pointer;z-index:3;width:30px;display:block}.nav-overlay{z-index:1;opacity:0;pointer-events:none;background:#00000080;transition:opacity .4s;display:block;position:fixed;inset:0}.nav-menu{z-index:2;background-color:#1f0016;flex-direction:column;align-items:start;gap:0;width:300px;height:100%;padding:30px 0;transition:right .4s;position:fixed;top:0;right:-350px;overflow-y:auto;box-shadow:-4px 0 20px #00000080}.nav-mob-close{cursor:pointer;width:28px;margin:10px 25px 20px auto;display:flex;position:static}.nav-menu li{border-bottom:1px solid #ffffff12;flex-direction:row;gap:16px;width:100%;padding:18px 40px;font-size:24px}.nav-menu li:last-child{border-bottom:none}.nav-menu li img{width:80px;margin:0}}@media (width<=480px){.navbar{margin:16px 20px}.nav-logo{width:120px}.nav-mob-open{width:26px}.nav-mob-close{width:24px}.nav-menu{width:280px;right:-280px}.nav-menu li{padding:16px 30px;font-size:20px}}.hero{flex-direction:column;align-items:center;gap:35px;display:flex}.hero-img-wrapper{border:3px solid #fff;border-radius:50%;width:150px;height:150px;margin-top:150px;overflow:hidden;box-shadow:0 4px 20px #b415ff4d}.hero-img-wrapper img{object-fit:cover;width:100%;height:100%}.hero h1{text-align:center;width:70%;font-size:90px;font-weight:600}.hero h1 span{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#df8908 10%,#b415ff 100%);-webkit-background-clip:text;background-clip:text}.hero p{text-align:center;width:50%;font-size:24px;line-height:40px}.hero-action{align-items:center;gap:25px;margin-bottom:50px;font-size:24px;font-weight:500;display:flex}.hero-connect{cursor:pointer;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);border-radius:50px;padding:25px 45px}.hero-resume{cursor:pointer;border:2px solid #fff;border-radius:50px;padding:25px 75px}.hero-connect:hover{border:2px solid #fff}.hero-resume:hover{border-color:#b415ff}@media (width<=1024px){.hero h1{width:80%;font-size:68px}.hero p{width:65%;font-size:20px}.hero-action{font-size:20px}}@media (width<=768px){.hero-img-wrapper{width:120px;height:120px;margin-top:120px}.hero h1{width:90%;margin-top:20px;font-size:50px}.hero p{width:80%;margin:10px 0;font-size:18px;line-height:32px}.hero-action{flex-direction:column;align-items:center;gap:14px;width:65%;margin-bottom:50px;font-size:16px;font-weight:500}.hero-connect,.hero-resume{text-align:center;border-radius:40px;width:100%;padding:16px 0}}@media (width<=480px){.hero-img-wrapper{width:100px;height:100px;margin-top:100px}.hero h1{width:95%;font-size:38px}.hero p{width:90%;font-size:16px;line-height:28px}.hero-action{gap:12px;width:70%;font-size:15px}.hero-connect,.hero-resume{padding:14px 0}}.about{flex-direction:column;justify-content:center;align-items:center;gap:80px;margin:80px 170px;display:flex}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:80px;font-weight:600}.about-title img{z-index:-1;position:absolute;bottom:0;right:0}.about-section{gap:80px;width:100%;display:flex}.about-left{flex-shrink:0}.about-left img{object-fit:cover;border-radius:20px;width:450px;height:550px}.about-right{flex-direction:column;gap:80px;display:flex}.about-para{flex-direction:column;gap:20px;font-size:24px;font-weight:500;line-height:38px;display:flex}.about-skills{flex-direction:column;gap:20px;display:flex}.about-skill{align-items:center;gap:50px;transition:transform .3s;display:flex}.about-skill p{min-width:150px;font-size:24px;font-weight:500}.about-skill hr{background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);border:none;border-radius:50px;outline:none;height:8px}.about-achivements{justify-content:space-around;width:100%;margin-bottom:80px;display:flex}.about-achivements>hr{opacity:.2;background:#fff;border:none;width:2px}.about-achivement{flex-direction:column;align-items:center;gap:10px;transition:transform .5s;display:flex}.about-achivement h1{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#df8908 50.41%,#b415ff 90.25%);-webkit-background-clip:text;background-clip:text;font-size:60px;font-weight:700}.about-achivement p{text-align:center;font-size:22px;font-weight:500}.about-skill:hover{transition:transform .3s;transform:scale(1.05)}.about-achivement:hover{transition:transform .5s;transform:scale(1.12)}@media (width<=1024px){.about{gap:60px;margin:80px}.about-title h1{font-size:64px}.about-section{gap:50px}.about-left img{width:320px;height:420px}.about-right{gap:50px}.about-para{font-size:20px;line-height:34px}.about-skill p{min-width:120px;font-size:20px}.about-skill hr{height:7px}.about-achivement h1{font-size:48px}.about-achivement p{font-size:18px}}@media (width<=768px){.about{align-items:start;gap:50px;margin:50px 30px}.about-title h1{padding:0;font-size:50px}.about-title img{width:130px;right:-20px}.about-section{flex-direction:column;gap:40px}.about-left{justify-content:center;width:100%;display:flex}.about-left img{object-fit:cover;border-radius:20px;width:100%;max-width:100%;height:420px}.about-right{gap:40px}.about-para{font-size:18px;line-height:32px}.about-skill{gap:20px}.about-skill p{min-width:110px;font-size:18px}.about-skill hr{height:6px}.about-achivements{justify-content:space-between;gap:10px}.about-achivements>hr{display:none}.about-achivement h1{font-size:34px}.about-achivement p{text-align:center;font-size:14px}}@media (width<=480px){.about{gap:40px;margin:40px 20px}.about-title h1{font-size:40px}.about-left img{object-fit:cover;border-radius:16px;width:100%;max-width:100%;height:320px}.about-para{font-size:16px;line-height:28px}.about-skill p{min-width:100px;font-size:16px}.about-achivements{flex-direction:column;align-items:center;gap:30px;margin-bottom:40px}.about-achivement h1{font-size:40px}.about-achivement p{font-size:13px}}.services{flex-direction:column;justify-content:center;align-items:center;gap:80px;margin:80px 170px;display:flex}.services-title{position:relative}.services-title h1{padding:0 30px;font-size:80px;font-weight:600}.services-title img{z-index:-1;position:absolute;bottom:0;right:0}.services-container{grid-template-columns:1fr 1fr 1fr;gap:40px;width:100%;margin-bottom:80px;display:grid}.services-format{cursor:pointer;border:2px solid #fff;border-radius:10px;flex-direction:column;justify-content:center;gap:20px;padding:60px;transition:transform .4s,border .4s,background-image .4s;display:flex}.services-format h3{font-size:28px;font-weight:600}.services-format h2{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#df8908 50%,#b415ff 100%);-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:800}.services-format p{color:#d4d4d4;max-width:300px;font-size:20px;line-height:40px}.services-readmore{align-items:center;gap:20px;margin-top:20px;display:flex}.services-readmore p{color:#fff;max-width:unset;font-size:18px;line-height:normal}.services-format:hover{background-image:linear-gradient(45deg,#3f0028,#582300);border:2px solid #f0f;transition:transform .4s,border .4s,background-image .4s;transform:scale(1.05)}@media (width<=1024px){.services{gap:60px;margin:80px}.services-title h1{font-size:64px}.services-container{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:60px}.services-format{gap:16px;padding:40px}.services-format h3{font-size:24px}.services-format h2{font-size:30px}.services-format p{max-width:100%;font-size:18px;line-height:34px}}@media (width<=768px){.services{align-items:start;gap:50px;margin:50px 30px}.services-title h1{padding:0;font-size:50px}.services-title img{width:130px;right:-20px}.services-container{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:50px}.services-format{gap:14px;padding:28px}.services-format h3{font-size:20px}.services-format h2{font-size:24px}.services-format p{max-width:100%;font-size:16px;line-height:28px}.services-readmore{gap:12px;margin-top:10px}.services-readmore img{width:18px}.services-readmore p{font-size:16px}}@media (width<=480px){.services{gap:40px;margin:40px 20px}.services-title h1{font-size:38px}.services-title img{width:100px;right:-10px}.services-container{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.services-format{gap:14px;padding:30px}.services-format h3{font-size:18px}.services-format h2{font-size:26px}.services-format p{max-width:100%;font-size:15px;line-height:26px}.services-readmore p{font-size:15px}.services-readmore img{width:16px}}.mywork{flex-direction:column;justify-content:center;align-items:center;gap:80px;margin:80px 170px;display:flex}.mywork-title{position:relative}.mywork-title h1{padding:0 30px;font-size:80px;font-weight:600}.mywork-title img{z-index:-1;position:absolute;bottom:0;right:0}.mywork-container{grid-template-columns:1fr 1fr 1fr;gap:40px;width:100%;display:grid}.mywork-item{aspect-ratio:3/2;border-radius:10px;width:100%;overflow:hidden}.mywork-item img{object-fit:cover;cursor:pointer;width:100%;height:100%;transition:transform .3s;display:block}.mywork-item:hover img{transform:scale(1.1)}.mywork-item:hover{box-sizing:border-box;border:4px solid #f0f;border-radius:10px}.mywork-showmore{cursor:pointer;border:2px solid #fff;border-radius:50px;align-items:center;gap:15px;margin-bottom:80px;padding:30px 60px;font-size:22px;font-weight:500;transition:gap .6s;display:flex}.mywork-showmore:hover{gap:30px;transition:gap .6s}@media (width<=1024px){.mywork{gap:60px;margin:80px}.mywork-title h1{font-size:64px}.mywork-container{grid-template-columns:1fr 1fr 1fr;gap:25px}.mywork-showmore{padding:24px 50px;font-size:20px}}@media (width<=768px){.mywork{align-items:start;gap:50px;margin:50px 30px}.mywork-title h1{padding:0;font-size:50px}.mywork-title img{width:130px;right:-20px}.mywork-container{grid-template-columns:1fr 1fr;gap:20px}.mywork-showmore{margin:0 auto 50px;padding:20px 40px;font-size:18px}}@media (width<=480px){.mywork{gap:40px;margin:40px 20px}.mywork-title h1{font-size:38px}.mywork-title img{width:100px;right:-10px}.mywork-container{grid-template-columns:1fr;gap:20px}.mywork-item{aspect-ratio:16/9}.mywork-showmore{justify-content:center;width:100%;margin-bottom:40px;padding:18px 0;font-size:17px}}.contact{flex-direction:column;justify-content:center;align-items:center;gap:80px;margin:80px 170px;display:flex}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:80px;font-weight:600}.contact-title img{z-index:-1;position:absolute;bottom:0;right:0}.contact-section{gap:150px;width:100%;display:flex}.contact-left{flex-direction:column;flex:1;gap:30px;display:flex}.contact-left h1{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#df8908 80%,#b415ff 100%);-webkit-background-clip:text;background-clip:text;font-size:80px;font-weight:700}.contact-left p{color:#d8d8d8;max-width:550px;font-size:20px;line-height:35px}.contact-details{color:#d8d8d8;flex-direction:column;gap:30px;font-size:22px;display:flex}.contact-detail{align-items:center;gap:20px;display:flex}.contact-detail p{color:#d8d8d8;font-size:20px}.contact-right{flex-direction:column;flex:1;align-items:start;gap:20px;display:flex}.contact-right label{color:#d8d8d8;font-size:22px;font-weight:500}.contact-right input{color:#a0a0a0;box-sizing:border-box;background:#32323c;border:none;border-radius:4px;width:100%;max-width:700px;height:78px;padding-left:20px;font-size:20px}.contact-right textarea{color:#a0a0a0;box-sizing:border-box;resize:vertical;background:#32323c;border:none;border-radius:4px;width:100%;max-width:700px;padding:25px;font-family:outfit;font-size:20px}.contact-submit{color:#fff;cursor:pointer;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);border:none;border-radius:50px;margin-bottom:50px;padding:20px 60px;font-size:22px;transition:transform .3s}.contact-submit:hover{transition:transform .3s;transform:scale(1.1)}@media (width<=1024px){.contact{gap:60px;margin:80px}.contact-title h1{font-size:64px}.contact-section{gap:60px}.contact-left h1{font-size:60px}.contact-left p{font-size:18px;line-height:30px}.contact-details{gap:20px;font-size:18px}.contact-detail p{font-size:18px}.contact-right label{font-size:20px}.contact-right input{height:65px;font-size:18px}.contact-right textarea{font-size:18px}.contact-submit{padding:18px 50px;font-size:20px}}@media (width<=768px){.contact{align-items:start;gap:50px;margin:50px 30px}.contact-title h1{padding:0;font-size:50px}.contact-title img{width:130px;right:-20px}.contact-section{flex-direction:column;gap:40px}.contact-left h1{font-size:48px}.contact-left p{max-width:100%;font-size:17px;line-height:30px}.contact-details{gap:20px;font-size:17px}.contact-detail img{width:25px}.contact-detail p{font-size:17px}.contact-right{width:100%}.contact-right label{font-size:18px}.contact-right input{width:100%;max-width:100%;height:60px;font-size:17px}.contact-right textarea{width:100%;max-width:100%;font-size:17px}.contact-submit{padding:16px 40px;font-size:18px}}@media (width<=480px){.contact{gap:40px;margin:40px 20px}.contact-title h1,.contact-left h1{font-size:38px}.contact-left p{font-size:15px;line-height:26px}.contact-detail p{font-size:15px}.contact-detail img{width:20px}.contact-right label{font-size:16px}.contact-right input{height:52px;padding-left:14px;font-size:15px}.contact-right textarea{padding:16px;font-size:15px}.contact-submit{text-align:center;width:100%;padding:16px 0;font-size:17px}}.footer{flex-direction:column;gap:30px;margin:50px 170px;display:flex}.footer-top{justify-content:space-between;align-items:center;display:flex}.footer-top-left{flex-direction:column;gap:20px;display:flex}.footer-top-left img{mix-blend-mode:lighten;width:180px}.footer-top-left p{color:#d8d8d8;max-width:400px;font-size:20px;line-height:32px}.footer-top-right{align-items:center;gap:35px;display:flex}.footer-email-input{background:#32323b;border:2px solid #0000;border-radius:50px;align-items:center;gap:15px;padding:20px 30px;transition:border .3s;display:flex}.footer-email-input:hover{border:2px solid #fff}.footer-email-input input{color:#a0a0a0;background:0 0;border:none;outline:none;width:220px;font-family:Outfit;font-size:18px}.footer-subscribe{cursor:pointer;white-space:nowrap;color:#fff;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);border-radius:50px;padding:22px 50px;font-size:20px;transition:transform .3s}.footer-subscribe:hover{transition:transform .3s;transform:scale(1.1)}.footer hr{border:none;border-top:1px solid #ffffff26}.footer-bottom{justify-content:space-between;align-items:center;margin-bottom:50px;font-size:18px;display:flex}.footer-bottom-left{color:#d8d8d8}.footer-bottom-right{color:#d8d8d8;gap:50px;display:flex}.footer-bottom-right p{cursor:pointer;transition:color .3s}.footer-bottom-right p:hover{color:#b415ff}@media (width<=1024px){.footer{margin:50px 80px}.footer-top{gap:40px}.footer-top-left p{max-width:320px;font-size:18px}.footer-top-right{flex-wrap:wrap;gap:20px}.footer-email-input input{width:160px;font-size:16px}.footer-subscribe{padding:18px 36px;font-size:18px}.footer-bottom{font-size:16px}.footer-bottom-right{gap:30px}}@media (width<=768px){.footer{gap:25px;margin:50px 30px}.footer-top{flex-direction:column;align-items:start;gap:40px}.footer-top-left img{width:150px}.footer-top-left p{max-width:100%;font-size:17px;line-height:28px}.footer-top-right{flex-direction:column;align-items:start;gap:20px;width:100%}.footer-email-input{box-sizing:border-box;width:100%;padding:16px 20px}.footer-email-input input{width:100%;font-size:16px}.footer-subscribe{text-align:center;width:100%;padding:18px 0;font-size:18px}.footer-bottom{flex-direction:column-reverse;align-items:start;gap:20px;margin-bottom:30px;font-size:16px}.footer-bottom-right{flex-wrap:wrap;gap:20px}}@media (width<=480px){.footer{gap:20px;margin:40px 20px}.footer-top-left img{width:130px}.footer-top-left p{font-size:15px;line-height:26px}.footer-email-input{padding:14px 16px}.footer-email-input input{font-size:14px}.footer-subscribe{padding:16px 0;font-size:16px}.footer-bottom{gap:16px;font-size:14px}.footer-bottom-right{flex-direction:column;gap:14px}}