.footer{background-color:#121212;color:var(--color-light)}.footer .title{position:relative;padding-bottom:10px}.footer .title:before{content:"";position:absolute;bottom:0;left:0;height:4px;width:50px;margin:auto;background:linear-gradient(225deg,hsl(15,100%,51%),hsl(302,100%,38%));border-radius:2px}.footer .quick-links li .link{transition:all .3s ease}.footer .quick-links li .link:hover{background:linear-gradient(225deg,hsl(15,100%,51%),hsl(302,100%,38%));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.footer .social-icons .icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:25px;background-color:var(--color-light);color:var(--dark);overflow:hidden;transition:color .3s ease}.footer .social-icons .icon:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(225deg,hsl(15,100%,51%),hsl(302,100%,38%));opacity:0;transition:opacity .4s ease}.footer .social-icons .icon:hover:before{opacity:1}.footer .social-icons .icon:hover{color:var(--color-light)}.footer .social-icons .icon svg{position:relative;z-index:1;font-size:14px}.footer .social-icons .icon .icon:hover{transform:scale(1.05)}header{z-index:10000;background-color:rgba(0,0,0,0);transition:background .3s ease,opacity .3s ease;min-height:80px;overflow:visible}header .logo img{height:80px;position:relative;z-index:2;padding:10px}header .container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}header .logo{color:var(--color-primary);font-weight:700;font-size:1.5rem}header nav ul li{position:relative}header nav ul{display:flex;gap:20px}header nav ul li a{color:var(--color-light);text-decoration:none;font-size:14px;font-weight:400;transition:color .3s}header nav ul li a.active,header nav ul li a:hover{color:var(--color-primary)}header nav ul li a.active{font-weight:700}header .hamburger{display:none;background:none;border:none;color:#fff;font-size:34px;cursor:pointer}@media(max-width:768px){.container{padding:0 30px}nav{display:none}nav.open{display:block}.hamburger{display:block!important}nav ul{flex-direction:column;background:#222;position:absolute;top:80px;left:0;width:100%;padding:30px}header:before{width:60%}}.header.scrolled{background:rgba(0,0,0,.634)!important}.header.scrolled .logo-bg{opacity:.9}