*{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    body{
      font-family:'Poppins',sans-serif;
      height:100vh;
      overflow:hidden;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#050816;
      color:white;
      position:relative;
    }

    .background{
      position:absolute;
      inset:0;
      background:
      radial-gradient(circle at top left, rgba(0,255,255,0.15), transparent 30%),
      radial-gradient(circle at bottom right, rgba(140,0,255,0.18), transparent 35%),
      linear-gradient(135deg,#050816,#0c1128,#050816);
      z-index:0;
    }

    .glow{
      position:absolute;
      width:500px;
      height:500px;
      border-radius:50%;
      background:rgba(0,255,255,0.15);
      filter:blur(120px);
      top:-150px;
      left:-100px;
      animation:float 8s ease-in-out infinite;
    }

    .glow2{
      position:absolute;
      width:450px;
      height:450px;
      border-radius:50%;
      background:rgba(140,0,255,0.15);
      filter:blur(120px);
      bottom:-180px;
      right:-120px;
      animation:float2 10s ease-in-out infinite;
    }

    @keyframes float{
      0%,100%{
        transform:translateY(0px);
      }

      50%{
        transform:translateY(30px);
      }
    }

    @keyframes float2{
      0%,100%{
        transform:translateY(0px);
      }

      50%{
        transform:translateY(-25px);
      }
    }

    .container{
      position:relative;
      z-index:2;
      width:min(90%,900px);
      padding:60px;
      border-radius:30px;
      background:rgba(255,255,255,0.05);
      border:1px solid rgba(255,255,255,0.1);
      backdrop-filter:blur(14px);
      text-align:center;
      box-shadow:0 10px 50px rgba(0,0,0,0.4);
    }

    .small-text{
      color:#9cb0ff;
      letter-spacing:5px;
      text-transform:uppercase;
      margin-bottom:20px;
      font-size:1rem;
    }

    .logo{
      font-size:5rem;
      font-weight:800;
      letter-spacing:4px;
      margin-bottom:20px;
      background:linear-gradient(90deg,#00eaff,#a855f7);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
    }

    h1{
      font-size:3rem;
      margin-bottom:20px;
      line-height:1.2;
    }

.hero-title{

  font-family:'Poppins',sans-serif;

  font-weight:200;

  font-size:3.4rem;

  line-height:1.2;

  margin-bottom:28px;

  color:#ff8c42;

  letter-spacing:1px;
}

.hero-description{

  font-family:'Cormorant Garamond',serif;

  font-size:2.5rem;

  line-height:1.9;

  color:#f1e7dc;

  max-width:720px;

  margin:auto;

  font-weight:300;
}

.hero-title{

  font-size:2.2rem;
}

.hero-description{

  font-size:1.15rem;
}


    p{
      color:#d4dbff;
      font-size:1rem;
      line-height:1.8;
      margin-bottom:35px;
    }

/*     .email-box{
      display:flex;
      justify-content:center;
      gap:15px;
      flex-wrap:wrap;
    } */

    input{
      width:320px;
      padding:16px 20px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,0.1);
      background:rgba(255,255,255,0.08);
      color:white;
      outline:none;
      font-size:1rem;
    }

    button{
      padding:16px 30px;
      border:none;
      border-radius:14px;
      background:linear-gradient(90deg,#00eaff,#8b5cf6);
      color:white;
      font-size:1rem;
      font-weight:600;
      cursor:pointer;
      transition:0.3s;
    }

    button:hover{
      transform:translateY(-2px) scale(1.03);
    }

    .footer{
      margin-top:35px;
      color:#95a5d6;
      font-size:0.9rem;
    }

    @media(max-width:768px){

      .container{
        padding:35px 25px;
      }

      .logo{
        font-size:3.5rem;
      }

      h1{
        font-size:2rem;
      }

      input{
        width:100%;
      }
    }