*{margin:0;padding:0}body{height:100vh;background:#161513;color:#fff;font-family:outfit}.navbar{display:flex;align-items:center;justify-content:space-between;margin:20px 90px}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:17px;transition:.3s}.nav-connect{padding:10px 30px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);font-size:18px;cursor:pointer;transition:.5s;white-space:nowrap}.nav-connect:hover{transform:scale(1.05)}.me{width:60px;height:60px}.nav-menu li{display:flex;flex-direction:column;gap:5px;cursor:pointer}.anchor-link{text-decoration:none;color:#fff}.nav-menu li img{display:flex;margin:auto}.nav-mob-closed,.nav-mob-open{display:none}@media (max-width: 1024px){.navbar{margin:20px 40px}.nav-menu{gap:30px;font-size:15px}.nav-connect{font-size:16px;padding:8px 20px}}@media (max-width: 768px){.nav-menu{position:fixed;top:0;right:-350px;height:100vh;width:250px;background:#1a1a1a;flex-direction:column;align-items:flex-start;padding:80px 20px;gap:30px;font-size:18px;box-shadow:-5px 0 15px #0000004d;z-index:1000;transition:right .4s ease}.nav-mob-open{display:block;width:35px;cursor:pointer}.nav-mob-closed{display:block;width:30px;cursor:pointer;position:absolute;top:25px;right:25px}.nav-connect{display:none}}.circle-svg{width:200px;height:200px;border-radius:50%;object-fit:cover;margin-top:90px}.hero{display:flex;align-items:center;flex-direction:column;gap:30px;padding:0 20px}.hero h1{text-align:center;max-width:900px;font-size:50px;font-weight:600}.heroname{background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{max-width:700px;text-align:center;font-size:20px;line-height:36px;margin:0 auto}.hero-action{display:flex;align-items:center;gap:25px;font-size:24px;font-weight:400;margin-bottom:50px;flex-wrap:wrap;justify-content:center}.hero-connect{padding:15px 35px;border-radius:60px;background:linear-gradient(270deg,#df8908 -5.09%,#b415ff);cursor:pointer;white-space:nowrap}.hero-connect:hover{border:2px solid white}.hero-resume{padding:0 75px;border-radius:60px;border:2px solid white;cursor:pointer}.hero-resume img{padding-top:5px;width:52px;height:52px}.hero-resume:hover{border-color:#b415ff}@media (max-width: 1024px){.hero h1{font-size:42px;max-width:700px}.hero p{font-size:18px;line-height:30px;max-width:500px}}@media (max-width: 768px){.circle-svg{margin-top:60px;width:150px;height:150px}.hero h1{font-size:28px;max-width:90%;margin-top:20px}.hero p{font-size:15px;line-height:24px;max-width:90%;margin:10px auto}.hero-action{gap:15px;font-size:16px;margin-bottom:40px}.hero-connect{padding:12px 25px;border-radius:40px}.hero-resume{padding:0 30px;border-radius:40px}.hero-resume img{width:36px;height:36px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:80px;font-weight:600;text-align:center}.about-title img{position:absolute;padding:0 20px;bottom:0;right:0;z-index:-1}.about-sections{display:flex;gap:80px;align-items:center}.about-left img{width:400px;height:400px;filter:drop-shadow(0 0 .2rem rgb(255,255,255))}.about-right{display:flex;flex-direction:column;gap:60px;max-width:700px}.about-para{display:flex;flex-direction:column;gap:20px;font-size:17px;font-weight:400;line-height:28px}.about-skills{display:flex;flex-direction:column;gap:20px}.about-skill{display:flex;gap:40px;align-items:center;transition:.3s}.about-skill p{min-width:120px;font-size:17px;font-weight:400}.about-skill hr{outline:none;border:none;width:50%;height:8px;border-radius:50px;background:linear-gradient(270deg,#df8908 -5.09%,#b514ff 106.28%)}.about-skill:hover{transform:scale(1.05);transition:.5s}@media (max-width: 1024px){.about{margin:60px 80px;gap:60px}.about-title h1{font-size:60px}.about-sections{gap:50px}.about-left img{width:300px;height:300px}.about-right{gap:40px}.about-para{font-size:16px;line-height:26px}}@media (max-width: 768px){.about{margin:50px 40px;gap:50px;align-items:flex-start}.about-title h1{font-size:42px;padding:0;text-align:left}.about-title img{width:110px;right:-30px;margin-bottom:5px}.about-sections{flex-direction:column;gap:40px}.about-left img{width:200px;height:200px;align-self:center}.about-para{font-size:15px;line-height:24px}.about-skill{gap:20px}.about-skill p{font-size:16px;min-width:90px}.about-skill hr{height:5px}}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:150px 170px}.services-title{position:relative;text-align:center}.services-title h1{padding:0 30px;font-size:80px;font-weight:600}.services-title img{position:absolute;padding:0 20px;bottom:0;right:0;z-index:-1}.services-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:80px}.services-format{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:60px;border-radius:15px;border:2px solid white;transition:.4s;cursor:pointer}.services-format h3{font-size:28px;font-weight:600}.services-format h2{font-size:38px;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:24px;line-height:40px;max-width:300px}.services-format:hover{border:2px solid #ff00ff;background-image:linear-gradient(45deg,#3f0028,#582300);transform:scale(1.05);transition:.4s}@media (max-width: 1024px){.services{margin:120px 100px;gap:70px}.services-container{grid-template-columns:repeat(2,1fr);gap:30px}.services-title h1{font-size:60px}.services-format{padding:40px}}@media (max-width: 768px){.services{align-items:start;margin:100px 40px;gap:60px}.services-title h1{padding:0;font-size:42px}.services-title img{width:110px;margin-right:-20px}.services-container{grid-template-columns:1fr;gap:25px}.services-format{padding:28px}.services-format h2{font-size:24px}.services-format p{font-size:16px;line-height:28px}}@media (max-width: 480px){.services{margin:80px 20px;gap:40px}.services-title h1{font-size:32px;margin-left:20px}.services-title img{width:100px;margin-right:-30px;margin-bottom:2px}.services-container{gap:20px}.services-format{padding:20px}.services-format h3{font-size:22px}.services-format h2{font-size:20px}.services-format p{font-size:14px;line-height:24px}}.Lng{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.lng-container{padding:50px;border:3px solid #0000;border-radius:12px;background:linear-gradient(#131219,#131219) padding-box,linear-gradient(var(--angle),#DF8908,#B415FF) border-box;animation:rotate 6s linear infinite;display:grid;grid-template-columns:repeat(7,1fr);gap:40px;margin-bottom:80px;justify-items:center;align-items:center}.title{position:relative}.title h1{padding:0 30px;font-size:80px;font-weight:600;text-align:center}.title img{position:absolute;padding:0 20px;bottom:0;right:0;z-index:-1}.element{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:10px;border-radius:500px;transition:.4s;cursor:pointer}.element img{max-width:80px;max-height:80px}.element:hover{filter:drop-shadow(30px 10px 4px #4444dd);transform:scale(1.05);transition:.4s}@media (max-width: 1024px){.Lng{margin:60px 80px;gap:60px}.title h1{font-size:60px;padding:0}.lng-container{grid-template-columns:repeat(4,1fr);gap:30px;padding:30px}.element img{max-width:70px;max-height:70px}}@media (max-width: 768px){.Lng{align-items:flex-start;gap:50px;margin:50px 30px}.title h1{font-size:42px;text-align:left}.title img{width:100px;right:-15px}.lng-container{grid-template-columns:repeat(3,1fr);gap:20px;padding:15px;border-radius:20px}.element img{max-width:50px;max-height:50px}}@media (max-width: 480px){.Lng{align-items:flex-start;gap:40px;margin:30px 15px}.title h1{font-size:32px;margin-left:20px}.title img{width:110px;right:-30px}.lng-container{grid-template-columns:repeat(4,1fr);gap:15px;padding:10px;margin-left:8px;border-radius:15px}.element img{max-width:40px;max-height:40px}}.mywork{display:flex;flex-direction:column;align-items:center;justify-items:center;gap:80px}.mywork-title{position:relative;text-align:center}.mywork-title h1{padding:0 30px;font-size:80px;font-weight:600}.mywork-title img{position:absolute;bottom:0;right:0;z-index:-1}.mywork-container{display:grid;grid-template-columns:repeat(3,1fr);padding:20px;border:3px solid #781a1a00;border-radius:12px;background:linear-gradient(#131219,#131219) padding-box,linear-gradient(var(--angle),#DF8908,#B415FF) border-box;animation:rotate 6s linear infinite;align-items:center;justify-items:center;gap:20px;margin-bottom:100px}@keyframes rotate{to{--angle: 360deg}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.mywork-container img{width:400px;height:300px;border-radius:10px;transition:.3s;cursor:pointer}.card{position:relative;overflow:hidden}.card-data{height:130px;width:330px;padding:10px;background:#4a4a4a;border-radius:12px;box-shadow:0 8px 24px #00000026;position:absolute;bottom:-11rem;left:0;right:0;margin-inline:auto;opacity:0;transition:opacity 1s 1s}.card-data p{font-size:small;margin-bottom:.25rem}.card:hover .card-data{animation:show-data 1s forwards;opacity:1;transition:opacity .3s}.card:hover{animation:remove-overflow 2s forwards;z-index:1}@keyframes show-data{50%{transform:translateY(-10rem)}to{transform:translateY(-7rem)}}@keyframes remove-overflow{to{overflow:initial}}.href a{display:inline-block;margin:10px;padding:10px 20px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);color:#fff;border-radius:8px;text-decoration:none;transition:.3s}.href a:hover{transform:scale(1.05)}@media (max-width: 1024px){.mywork{gap:60px;margin:80px 100px}.mywork-title h1{font-size:60px}.mywork-container{grid-template-columns:repeat(2,1fr);gap:30px}.mywork-container img{width:350px;height:250px}.card-data{width:280px}}@media (max-width: 768px){.mywork{gap:50px;margin:60px 40px;align-items:start}.mywork-title h1{font-size:42px}.mywork-title img{width:110px;margin-right:-20px}.mywork-container{grid-template-columns:1fr;gap:40px}.mywork-container img{width:100%;max-width:450px;height:auto}.card-data{width:90%}}@media (max-width: 480px){.mywork{gap:40px;margin:50px 20px}.mywork-title h1{font-size:32px}.mywork-title img{width:99px;right:+37px;margin-bottom:2px}.mywork-container img{width:100%;height:auto}.card-data{padding:8px;font-size:12px}.href a{margin:5px;padding:8px 16px;font-size:14px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:60px 100px}.contact-title{position:relative;text-align:center}.contact-title h1{padding:0 30px;font-size:80px;font-weight:600}.contact-title img{position:absolute;bottom:0;right:0;z-index:-1}.contact-section{display:flex;gap:150px;align-items:flex-start;width:100%;max-width:1200px}.contact-left{display:flex;flex-direction:column;gap:30px;flex:1}.contact-left h1{font-size:60px;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:550px;color:#d8d8d8;font-size:17px;line-height:30px}.contact-details{display:flex;flex-direction:column;gap:30px;color:#d8d8d8;font-size:20px}.contact-detail{display:flex;align-items:center;gap:15px}.contact-right{display:flex;flex-direction:column;align-items:start;gap:20px;flex:1;width:100%;max-width:700px}.contact-right label{color:#d8d8d8;font-size:18px;font-weight:500}.contact-right input,.contact-right textarea{border:none;width:100%;padding:15px 20px;border-radius:6px;background:#32323c;color:#a0a0a0;font-family:Outfit,sans-serif;font-size:18px}.contact-right textarea{min-height:120px;resize:vertical}.contact-submit{border:none;color:#fff;border-radius:50px;background:linear-gradient(270deg,#df8908 -5.09%,#b415ff 106.28%);font-size:20px;padding:12px 50px;cursor:pointer;transition:.3s}.contact-submit:hover{transform:scale(1.05)}.popup{position:fixed;bottom:30px;right:30px;background:#fff;padding:15px 25px;border-radius:10px;box-shadow:0 4px 10px #0003;font-weight:500;z-index:999}.popup.success{border-left:6px solid #4CAF50;color:#2e7d32}.popup.error{border-left:6px solid #f44336;color:#c62828}@media (max-width: 1024px){.contact{margin:50px 60px;gap:50px}.contact-title h1{font-size:60px}.contact-section{gap:80px}.contact-left h1{font-size:50px}.contact-left p{font-size:16px}}@media (max-width: 768px){.contact{margin:40px 30px;align-items:flex-start}.contact-title h1{font-size:42px;padding:0}.contact-title img{width:110px;margin-right:-10px}.contact-section{flex-direction:column;gap:40px}.contact-left h1{font-size:36px}.contact-left p{font-size:15px;line-height:26px}.contact-detail img{width:22px}.contact-right input,.contact-right textarea{font-size:16px;padding:12px 15px}.contact-submit{font-size:18px;padding:12px 30px}}@media (max-width: 480px){.contact{margin:30px 15px;gap:30px}.contact-title h1{font-size:32px}.contact-left h1{font-size:28px}.contact-details{font-size:16px;gap:20px}.contact-right label{font-size:16px}.contact-right input,.contact-right textarea{font-size:14px}.contact-submit{font-size:16px;padding:10px 25px}}.footer{display:flex;align-items:center;justify-content:center;color:#d8d8d8}.footer-left{display:flex;gap:10px;margin:20px}.footer-left img{width:30px;height:30px}