.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 100px;background-color:#1a1a1a;color:#fff;position:fixed;top:0;left:0;right:0;z-index:10;box-shadow:0 4px 8px #0000004d;transition:background-color .3s ease}.navbar-logo{display:flex;align-items:center}.logo img.logo-image{left:20px;height:auto}.nav-menu{display:flex;align-items:center;list-style:none;gap:40px;font-size:1.2rem;font-weight:500}.nav-menu li{position:relative;cursor:pointer;transition:color .3s ease}.anchor-link{text-decoration:none;color:#fff;font-weight:500;transition:color .3s ease}.anchor-link:hover,.nav-menu li.active .anchor-link{color:#00b4d8;border-bottom:2px solid #00b4d8}.social-icons{display:flex;gap:15px;font-size:1.7rem}.social-icons svg{color:#fff;transition:color .3s ease}.social-icons svg:hover{color:#00b4d8}.nav-mob-toggle{display:none;cursor:pointer}@media (max-width: 768px){.navbar{padding:0}.nav-menu{position:fixed;flex-direction:column;align-items:flex-start;top:0;right:-100%;gap:20px;background-color:#1a1a1a;width:250px;height:100%;padding-top:50px;z-index:10;transition:right .3s ease}.nav-menu.show{right:0}.nav-menu li{font-size:1.2rem;padding-left:20px}.logo,.social-icons{display:none}.nav-mob-toggle{display:block;position:fixed;top:20px;right:20px;z-index:11}}.nav-mob-toggle{display:none;cursor:pointer;position:fixed;top:20px;right:20px;z-index:11;width:35px;height:30px;flex-direction:column;justify-content:space-between;align-items:center;transition:all .3s ease}.nav-mob-toggle span{width:100%;height:4px;background-color:#fff;border-radius:5px;transition:all .3s ease}.nav-mob-toggle.open span:nth-child(1){transform:rotate(45deg);transform-origin:50%}.nav-mob-toggle.open span:nth-child(2){opacity:0}.nav-mob-toggle.open span:nth-child(3){transform:rotate(-45deg);transform-origin:50%}@media (max-width: 768px){.navbar{padding:0}.nav-menu{position:fixed;flex-direction:column;align-items:flex-start;top:0;right:-100%;gap:20px;background-color:#1a1a1a;width:250px;height:100%;padding-top:50px;z-index:10;transition:right .3s ease}.nav-menu.show{right:0}.nav-menu li{font-size:1.2rem;padding-left:20px}.navbar-logo,.social-icons{display:none}.nav-mob-toggle{display:flex}}.hero{margin-top:50px;display:flex;align-items:center;justify-content:space-between;background-color:#1a1a1a;color:#e0e0e0;padding:80px 50px;text-align:left;position:relative;overflow:hidden;z-index:1}.hero-content{flex:1;max-width:50%;padding-right:30px;position:relative;z-index:1}.hero h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:5px;color:#fff;display:inline-block;text-align:left;position:relative}.hero h1 span{color:#00b4d8;font-size:3.5rem}.typing-text{color:#fff!important;font-size:2.6rem;font-weight:500;margin-top:2px;min-height:55px;text-align:left;width:100%}.hero p{font-size:1.3rem;line-height:1.6;margin:10px 0 30px;max-width:85%;opacity:0;animation:fadeIn 1.5s ease forwards;animation-delay:1s;text-align:left}.hero-action{display:flex;gap:20px;margin-top:20px}.hero-connect,.hero-resume{display:flex;align-items:center;justify-content:center;padding:10px 25px;font-size:1.2rem;border-radius:5px;cursor:pointer;text-decoration:none;transition:background .3s ease,color .3s ease,border-color .3s ease;width:150px;height:45px;text-align:center}.hero-connect{color:#fff;background-color:#00b4d8;border:none}.hero-connect:hover{background-color:#0077a3}.hero-resume{color:#e0e0e0;background:none;border:2px solid #e0e0e0}.hero-resume:hover{color:#00b4d8;border-color:#00b4d8}.hero-image-container{position:relative;width:310px;height:450px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;border:3px solid #00b4d8;border-radius:15px}.hero-image{width:100%;height:100%;object-fit:cover;opacity:.9;border-radius:10px}.mobile-break{display:none}@media (max-width: 768px){.hero{flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.hero-content{max-width:100%;padding-right:0;margin-top:20px;text-align:left}.hero h1{font-size:2.2rem;font-weight:700;text-align:left;margin-left:0%}.hero h1 span{font-size:3.1rem}.typing-text{font-size:2.4rem;font-weight:500;text-align:left;width:100%;margin-left:0}.hero-image-container{order:-1;width:200px;height:200px;margin-top:20px;border-radius:50%;border:5px solid #00b4d8;overflow:hidden}.hero-image{width:80%;height:115%;object-fit:cover;opacity:.9}.hero p{font-size:1.2rem;line-height:1.5;max-width:90%;margin:20px 0;opacity:0;animation:fadeIn 1.5s ease forwards;animation-delay:1s;padding:0 15px;text-align:left}.hero-action{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:25px;width:100%}.hero-connect,.hero-resume{display:flex;align-items:center;justify-content:center;font-size:1.1rem;padding:10px 25px;border-radius:30px;width:100%;height:40px;text-align:center}.hero-connect{background-color:#00b4d8;color:#fff;border:none}.hero-connect:hover{background-color:#0077a3;color:#fff;transform:translateY(-3px)}.hero-resume{color:#fff;background:transparent;border:2px solid #ffffff}.hero-resume:hover{color:#00b4d8;border-color:#00b4d8;transform:translateY(-3px)}.mobile-break{display:inline}.no-wrap{white-space:nowrap}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:60px 100px;color:#e0e0e0;background-color:#1a1a1a}.about-title{position:relative}.about-title h1{padding:0 20px;font-size:70px;font-weight:700;color:#fff;text-align:center}.about-title img{position:absolute;bottom:-10px;right:-10px;width:150px;z-index:-1;opacity:.6;transition:opacity .3s ease}.about-title img:hover{opacity:1}.about-section{display:flex;gap:60px;align-items:flex-start}.about-right{display:flex;flex-direction:column;gap:60px}.about-para{display:flex;flex-direction:column;gap:15px;font-size:20px;font-weight:500;line-height:1.7;color:#b0b0b0}.about-skills{margin-top:-5%;display:flex;flex-direction:column;gap:15px}.about-skill{display:flex;gap:40px;align-items:center;transition:transform .3s ease,background-color .3s ease}.about-skill:hover{transform:scale(1.04);background-color:#ffffff0d;border-radius:10px;padding:8px}.about-skill p{min-width:130px;font-size:22px;font-weight:500;color:#e0e0e0}.about-skill hr{outline:none;border:none;width:60%;height:8px;border-radius:50px;background:linear-gradient(264deg,#08f -5.09%,#b415ff 106.2%)}.about-achievements{display:flex;width:100%;justify-content:space-around;margin-bottom:60px}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .5s ease,box-shadow .3s ease}.about-achievement:hover{transform:scale(1.1);box-shadow:0 4px 15px #0000004d}.about-achievement h1{font-size:55px;font-weight:700;background:linear-gradient(270deg,#08f 50%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-achievement p{font-size:20px;font-weight:500;color:#a0a0a0;text-align:center}@media (max-width: 768px){.about{gap:60px;margin:40px;align-items:flex-start}.about-title h1{font-size:50px;padding:0;text-align:left}.about-title img{width:100px;right:-15px}.about-section{flex-direction:column}.about-left{display:none}.about-para{font-size:18px;line-height:1.6;color:#b0b0b0}.about-skill{gap:20px}.about-skill p{font-size:18px}.about-skill hr{height:6px;width:70%}.about-achievements{justify-content:space-between}.about-achievement h1{font-size:34px}.about-achievement p{font-size:16px}}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:60px 100px;color:#e0e0e0;background-color:#1a1a1a;padding-bottom:100px}.mywork-title{position:relative;margin-top:-5px}.mywork-title h1{font-size:2.5rem;margin-bottom:15px;color:#fff;text-align-last:center}.certifications p{font-size:1.2rem;color:silver;margin-bottom:40px;justify-content:center}.mywork-title img{position:absolute;bottom:-10px;right:-10px;width:150px;z-index:-1;opacity:.6;margin-top:-5px}.mywork-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;width:100%;max-width:1200px}.mywork-card{background-color:#0000004d;border-radius:15px;overflow:hidden;box-shadow:0 4px 10px #00000080;border:2px solid #00b4d8;position:relative;text-decoration:none;color:#fff;display:flex;flex-direction:column;transition:all .3s ease-in-out;margin-top:-10px}.mywork-card:hover{transform:translateY(-10px);box-shadow:0 8px 30px #00b4d866;border-color:#00b4d8}.project-image{width:100%;height:auto;border-radius:15px 15px 0 0;transition:transform .3s ease}.mywork-card:hover .project-image{transform:scale(1.05)}.project-details{padding:20px;background-color:#000;border-radius:0 0 15px 15px;flex-grow:1}.project-details h2{font-size:1.5rem;margin:0;color:#00b4d8}.project-details p{font-size:1rem;margin:10px 0 0;color:#e0e0e0}.mywork p{font-size:1.2rem;color:silver;margin-bottom:-5px}.mywork-showmore{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:500;color:#fff;background-color:transparent;border:1px solid #00b4d8;border-radius:50px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-top:30px;text-decoration:none}.mywork-showmore:hover{background-color:#00b4d8;transform:translateY(-2px)}.mywork-showmore p{font-size:medium}.mywork-showmore img{width:18px;height:18px;transition:transform .3s ease}.arrow-rotate{transform:rotate(180deg)}.mywork-showmore:hover img{transform:translate(5px)}.mywork-showmore.rotate-arrow img{transform:rotate(180deg)}@media (max-width: 768px){.mywork{gap:50px;margin:40px 20px;align-items:center;background-color:#1a1a1a;padding-bottom:0}.mywork-title h1{font-size:2rem}.mywork p{font-size:.9rem;text-align:center}.mywork-title img{width:100px;right:-10px}.mywork-container{grid-template-columns:1fr;gap:20px;width:100%}.mywork-showmore{padding:10px 22px;font-size:.9rem;margin:30px auto}.project-details{background-color:#000}}@media (max-width: 480px){.mywork-title h1{font-size:1.8rem}.mywork p{font-size:.9rem;margin-bottom:20px}.mywork-container{grid-template-columns:1fr;gap:15px;width:100%}}.certifications{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e0e0e0;padding:50px;background-color:#1a1a1a;text-align:center}.certifications h1{font-size:2.5rem;margin-bottom:10px;color:#fff;margin-top:-95px}.certifications p{font-size:1.2rem;color:silver;margin-bottom:40px}.certificate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:50px;width:100%;max-width:1000px}.certificate-card{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;transition:transform .3s ease}.certificate-card:hover{transform:scale(1.05)}.certificate-image{width:250px;height:180px;object-fit:cover;border-radius:8px;box-shadow:0 4px 10px #0000004d;transition:box-shadow .3s ease}.certificate-card:hover .certificate-image{box-shadow:0 6px 15px #00b4d899}.certificate-title{margin-top:10px;font-size:1.1rem;font-weight:500;color:#fff;text-align:center}.certificate-showmore{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;font-size:1rem;font-weight:500;color:#fff;background-color:transparent;border:1px solid #00b4d8;border-radius:50px;cursor:pointer;transition:background-color .3s ease,color .3s ease,padding .3s ease;text-decoration:none;outline:none;margin-top:20px}.certificate-showmore:hover{background-color:#00b4d8;color:#fff;padding:10px 35px}.certificate-showmore .arrow{font-size:1.1rem;transition:transform .3s ease;display:inline-flex;align-items:center}.certificate-showmore:hover .arrow{transform:translate(5px)}.arrow-rotate{transform:rotate(180deg);transition:transform .3s ease}@media (max-width: 768px){.certificate-grid{grid-template-columns:1fr;gap:15px}}@media (max-width: 380px){.certificate-grid{grid-template-columns:1fr;gap:15px}.certifications h1{font-size:1.8rem;margin-top:5px}.certifications p{font-size:.9rem}.certificate-card{align-items:center;width:100%}.certificate-image{width:100%;height:auto;object-fit:contain;border-radius:10px}.certificate-showmore{padding:12px 25px;font-size:.9rem;margin:60px auto 20px}}.Skills{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:50px;background-color:#1a1a1a;background-image:radial-gradient(2px 2px at 20% 30%,rgba(0,180,216,.3),transparent),radial-gradient(2px 2px at 60% 70%,rgba(124,58,237,.3),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,77,166,.2),transparent),radial-gradient(1px 1px at 80% 10%,rgba(0,180,216,.2),transparent);background-size:200px 200px,220px 220px,180px 180px,240px 240px;background-position:0 0,40px 60px,130px 270px,70px 100px;text-align:center;position:relative;overflow:hidden;isolation:isolate}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Skills h1{font-size:2.5rem;margin-bottom:10px;color:#fff;animation:slideUpFadeIn 1.2s ease forwards,pulse 2.5s ease-in-out infinite}@keyframes slideInFromTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.Skills p{font-size:1.2rem;color:silver;margin-bottom:40px;opacity:0;animation:fadeIn 1s ease-out forwards;animation-delay:.6s}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:20px;max-width:800px;perspective:1000px;transform-style:preserve-3d}@keyframes slideInFromLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.icon-grid img{width:60px;height:60px;position:relative;opacity:0;transform:translateY(60px) rotateX(90deg);backface-visibility:visible;transform-style:preserve-3d;animation:skillOrbitalEntrance 1.2s cubic-bezier(.34,1.56,.64,1) forwards,skillMagneticFloat 6s ease-in-out infinite;will-change:transform,filter;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.icon-grid img:nth-child(1){animation-delay:.05s,-0s}.icon-grid img:nth-child(2){animation-delay:.1s,-.3s}.icon-grid img:nth-child(3){animation-delay:.15s,-.6s}.icon-grid img:nth-child(4){animation-delay:.2s,-.9s}.icon-grid img:nth-child(5){animation-delay:.25s,-1.2s}.icon-grid img:nth-child(6){animation-delay:.3s,-1.5s}.icon-grid img:nth-child(7){animation-delay:.35s,-1.8s}.icon-grid img:nth-child(8){animation-delay:.4s,-2.1s}.icon-grid img:nth-child(9){animation-delay:.45s,-2.4s}.icon-grid img:nth-child(10){animation-delay:.5s,-2.7s}.icon-grid img:nth-child(11){animation-delay:.55s,-3s}.icon-grid img:nth-child(12){animation-delay:.6s,-3.3s}.icon-grid img:nth-child(13){animation-delay:.65s,-3.6s}.icon-grid img:nth-child(14){animation-delay:.7s,-3.9s}.icon-grid img:nth-child(15){animation-delay:.75s,-4.2s}.icon-grid img:nth-child(16){animation-delay:.8s,-4.5s}.icon-grid img:nth-child(17){animation-delay:.85s,-4.8s}.icon-grid img:nth-child(18){animation-delay:.9s,-5.1s}.icon-grid img:nth-child(19){animation-delay:.95s,-5.4s}.icon-grid img:nth-child(20){animation-delay:1s,-5.7s}.icon-grid img:nth-child(21){animation-delay:1.05s,-.2s}.icon-grid img:nth-child(22){animation-delay:1.1s,-.5s}.icon-grid img:nth-child(23){animation-delay:1.15s,-.8s}.icon-grid img:nth-child(24){animation-delay:1.2s,-1.1s}.icon-grid img:nth-child(25){animation-delay:1.25s,-1.4s}.icon-grid img:nth-child(26){animation-delay:1.3s,-1.7s}.icon-grid img:nth-child(27){animation-delay:1.35s,-2s}.icon-grid img:nth-child(28){animation-delay:1.4s,-2.3s}.icon-grid img:nth-child(29){animation-delay:1.45s,-2.6s}.icon-grid img:nth-child(30){animation-delay:1.5s,-2.9s}@keyframes skillOrbitalEntrance{0%{opacity:0;transform:translateY(60px) rotateX(90deg) scale(.3)}60%{transform:translateY(-8px) rotateX(-5deg) scale(1.08)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes skillMagneticFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.icon-grid img:hover{transform:scale(1.15) translateY(-5px)!important;filter:drop-shadow(0 8px 16px rgba(0,180,216,.4)) drop-shadow(0 0 20px rgba(124,58,237,.3)) brightness(1.1);cursor:pointer;z-index:10;opacity:1!important;animation:skillLiquidShimmer 1.5s ease-in-out infinite,skillMicroBounce .6s cubic-bezier(.68,-.55,.27,1.55)}@keyframes skillLiquidShimmer{0%,to{filter:drop-shadow(0 8px 16px rgba(0,180,216,.4)) drop-shadow(0 0 20px rgba(124,58,237,.3)) brightness(1.1) contrast(1)}50%{filter:drop-shadow(0 8px 16px rgba(124,58,237,.5)) drop-shadow(0 0 25px rgba(0,180,216,.4)) brightness(1.15) contrast(1.05)}}@keyframes skillMicroBounce{0%{transform:scale(1) translateY(0)}40%{transform:scale(1.18) translateY(-8px)}60%{transform:scale(1.12) translateY(-4px)}80%{transform:scale(1.16) translateY(-6px)}to{transform:scale(1.15) translateY(-5px)}}@keyframes skillQuantumMorph{0%{transform:scale(1);filter:drop-shadow(0 0 0px rgba(0,180,216,0)) contrast(1);opacity:1}25%{transform:scale(.9);filter:drop-shadow(0 0 25px rgba(0,180,216,.9)) drop-shadow(0 0 45px rgba(124,58,237,.7)) contrast(1.25);opacity:1}50%{transform:scale(1.35);filter:drop-shadow(0 0 35px rgba(0,180,216,1)) drop-shadow(0 0 55px rgba(124,58,237,.8)) drop-shadow(0 0 25px rgba(255,77,166,.6)) contrast(1.4);opacity:1}to{transform:scale(1.25);filter:drop-shadow(0 0 28px rgba(0,180,216,.8)) drop-shadow(0 0 40px rgba(124,58,237,.6)) contrast(1.3);opacity:1}}@keyframes skillEnergyPulse{0%,to{filter:drop-shadow(0 0 28px rgba(0,180,216,.8)) drop-shadow(0 0 40px rgba(124,58,237,.6)) contrast(1.3)}50%{filter:drop-shadow(0 0 38px rgba(0,180,216,1)) drop-shadow(0 0 50px rgba(124,58,237,.8)) drop-shadow(0 0 30px rgba(255,77,166,.7)) contrast(1.4)}}@media (max-width: 768px){.Skills{padding:30px}.Skills h1{font-size:2rem}.Skills p{font-size:1rem;margin-bottom:30px}.icon-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:100%}.icon-grid img{width:50px;height:50px}}@media (max-width: 480px){.Skills h1{font-size:1.8rem}.Skills p{font-size:.9rem;margin-bottom:20px}.icon-grid{grid-template-columns:repeat(4,1fr);gap:15px}.icon-grid img{width:40px;height:40px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:60px 100px;color:#e0e0e0;background-color:#1a1a1a}.contact-title{position:relative;text-align:center}.contact-title h1{padding:0 20px;font-size:2.9rem;font-weight:700;color:#fff;animation:slideUpFadeIn 1.2s ease forwards,pulse 2.5s ease-in-out infinite}.contact-title img{position:absolute;bottom:-10px;right:-10px;width:150px;z-index:-1;opacity:.6;transition:opacity .3s ease}.contact-title img:hover{opacity:1}.contact-section{display:flex;gap:80px;align-items:flex-start;width:100%;max-width:1200px;margin:0 auto}.contact-left{display:flex;flex-direction:column;gap:20px;flex:1}.contact-left h1{font-size:2.4rem;font-weight:700;background:linear-gradient(270deg,#00b4d8 50%,#0077a3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:500px;color:#d8d8d8;font-size:1.2rem;line-height:1.7}.contact-details{display:flex;flex-direction:column;gap:15px;font-size:1.2rem;color:#b0b0b0}.contact-detail{display:flex;align-items:center;gap:15px;color:#e0e0e0}.contact-right{display:flex;flex-direction:column;align-items:start;gap:15px;flex:1}.contact-right label{color:#e0e0e0;font-size:1.2rem;font-weight:500}.contact-right input,.contact-right textarea{border:none;width:100%;max-width:500px;padding:15px;border-radius:10px;background:#32323c;color:#a0a0a0;font-size:1.1rem;transition:background .3s ease,border-color .3s ease}.contact-right input:focus,.contact-right textarea:focus{outline:none;background:#42424c;border:2px solid #00b4d8}.contact-right textarea{height:150px;resize:none}.contact-submit{border:none;color:#fff;border-radius:50px;background:linear-gradient(264deg,#00b4d8,#0077a3);font-size:1.2rem;padding:15px 50px;cursor:pointer;transition:transform .3s ease,background .3s ease}.contact-submit:hover{transform:scale(1.05);background:linear-gradient(264deg,#0077a3,#005f7a)}.social-icon{display:flex;justify-content:flex-start;gap:30px;font-size:2rem;margin-top:20px;padding:10px;flex-wrap:wrap}.social-icon a{color:#fff;transition:color .3s ease}.social-icon a:hover{color:#007bff}@media (max-width: 768px){.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:20px auto;padding:20px;width:90%;height:150vh;box-sizing:border-box}.contact-title h1{font-size:2rem;text-align:center;margin-bottom:15px}.contact-title img{width:80px;margin-top:10px;margin-bottom:20px;align-self:flex-end}.contact-section{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.contact-left h1{font-size:1.8rem;text-align:center;margin-bottom:10px}.contact-left p{font-size:1rem;text-align:center;max-width:90%;margin:0 auto}.contact-detail{display:flex;flex-direction:column;gap:10px;width:100%;padding:0 15px}.contact-right label{font-size:1rem;margin-bottom:6px;text-align:left}.contact-right input,.contact-right textarea{font-size:1rem;padding:12px;border:1px solid #ccc;border-radius:5px;width:120%;max-width:120%;box-sizing:border-box}.contact-right textarea{resize:vertical;min-height:100px}.contact-submit{font-size:1.1rem;padding:12px 30px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;width:120%;max-width:300px;transition:background-color .3s ease;margin-top:20px}.contact-submit:hover{background-color:#0056b3}.social-icon{display:flex;justify-content:center;align-items:center;gap:20px;font-size:2rem;margin-top:20px;padding:10px}.social-icon a{color:#007bff;transition:color .3s ease}.social-icon a:hover{color:#0056b3}}.footer-top-left img{margin-top:auto;width:150px;height:107px}.footer{margin:50px 170px;display:flex;flex-direction:column;gap:30px}.footer-top{display:flex;justify-content:space-between}.footer-top-left p{font-size:20px;max-width:400px}.footer-top-right{display:flex;margin-top:90px;align-items:center;gap:35px}.footer-email-input{display:flex;gap:30px;padding:20px 50px 20px 30px;border-radius:50px;background:#32323b}.footer-email-input input{outline:none;border:none;background:transparent;color:#a0a0a0;font-family:Outfit;font-size:18px}.footer-subscribe{font-size:20px;padding:22px 50px;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);transition:.3s}.footer-bottom{display:flex;justify-content:space-between;font-size:18px}.footer-bottom-right{display:flex;gap:50px;margin-bottom:50px}.footer-email-input:hover{border:2px solid white}.footer-subscribe:hover{transform:scale(1.1);transition:.3s}@media (max-width: 768px){.footer{margin:20px 15px;padding:20px;display:flex;flex-direction:column;gap:30px;background-color:#1a1a1a;color:#f1f1f1;border-radius:12px}.footer-top{display:flex;flex-direction:column;gap:20px;text-align:center}.footer-top-left img{width:100px;height:auto;margin-bottom:10px}.footer-top-left p{font-size:16px;line-height:1.5;max-width:90%;margin:0 auto;color:#b0b0b0;text-align:center}.footer-top-right{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:15px;text-align:center}.footer-email-input{display:flex;flex-direction:row;gap:10px;padding:12px 18px;border-radius:30px;background-color:#32323b;width:80%;max-width:400px;margin:0 auto;text-align:center}.footer-email-input input{outline:none;border:none;background:transparent;color:#f1f1f1;font-size:16px;flex:1;padding:10px;text-align:center}.footer-email-input:hover{border:2px solid #00B4D8;text-align:center}.footer-subscribe{font-size:16px;padding:14px 25px;border-radius:30px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);color:#fff;cursor:pointer;transition:transform .3s ease,background-color .3s ease;font-weight:600;text-align:center}.footer-subscribe:hover{transform:scale(1.05);background-color:#b415ff}.footer-bottom{display:flex;flex-direction:column;align-items:center;font-size:14px;gap:15px;color:#a0a0a0;text-align:center}.footer-bottom-right{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;text-align:center}.footer-bottom-right a{color:#a0a0a0;text-decoration:none;font-weight:500;transition:color .3s ease}.footer-bottom-right a:hover{color:#f1f1f1}.footer-social-icons{display:flex;gap:20px;font-size:1.6rem;justify-content:center}.footer-social-icons a{color:#a0a0a0;transition:color .3s ease}.footer-social-icons a:hover{color:#df8908}}*{margin:0;padding:0}body{height:100vh;background-color:#1a1a1a;color:#fff;font-family:outfit}