header{
      width:100%;
      position:fixed;
      top:0;
      left:0;
      backdrop-filter: blur(12px);
      background: #070b148c;
      border-bottom:1px solid var(--border);
      z-index:1000;
    }

    nav{
      max-width:1200px;
      margin:auto;
      padding:20px;
      display:flex;
      align-items:center;
      justify-content:space-between;
    }

    .logo{
      font-size:1.3rem;
      font-weight:800;
      color:var(--blue);
      letter-spacing:1px;
    }

    .menu{
      display:flex;
      gap:35px;
    }

    .menu a{
      color:var(--text);
      text-decoration:none;
      position:relative;
      transition:.3s;
    }

    .menu a::after{
      content:"";
      position:absolute;
      left:0;
      bottom:-6px;
      width:0%;
      height:2px;
      background:var(--cyan);
      transition:.3s;
    }

    .menu a:hover::after{
      width:100%;
    }

    section{
      max-width:1200px;
      margin:auto;
      padding:0px 20px;
    }