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

    :root {
      --gold: #efc446;
      --cream: #f5f0e8;
      --dark: #0d0d0d;
    }

    html, body {
      height: 100%;
    }

    body {
      font-family: 'Jost', sans-serif;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }

    /* ── Background image + gradient overlay ── */
    .bg {
      position: fixed;
      inset: 0;
      background-image: url('/assets/images/airplane-wing-sky.jpg');
      background-size: cover;
      background-position: center;
      z-index: 0;
    }

    .bg::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(13, 13, 13, 0.82) 0%, rgb(60 30 5 / 27%) 40%, rgba(13, 13, 13, 0.88) 100%);
    }
    .logo img {
    width: 250px;
}

    /* ── Card ── */
    .card {
      position: relative;
      z-index: 1;
      text-align: center;
      padding: clamp(2.5rem, 8vw, 5rem) clamp(2rem, 10vw, 6rem);
      max-width: 800px;
      width: 90%;
      border: 1px solid rgba(201, 168, 76, 0.25);
      background: rgb(255 255 255 / 4%);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      animation: fadeUp 1.2s cubic-bezier(.22,.88,.33,1) both;
    }

    /* thin accent line top */
    .card::before {
      content: '';
      position: absolute;
      top: 0; left: 10%; right: 10%;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
    }

    /* ── Label ── */
    .label {
      font-family: 'Jost', sans-serif;
      font-weight: 600;
      font-size: clamp(0.65rem, 1.5vw, 0.75rem);
      letter-spacing: 0.4em;
      text-transform: uppercase;
      color: #ffffff;
      margin-bottom: 1.4rem;
      animation: fadeUp 1.2s .15s cubic-bezier(.22,.88,.33,1) both;
    }

    /* ── Heading ── */
    h1 {
      /* font-family: 'Cormorant Garamond', serif; */
      font-weight: 600;
      font-size: clamp(2.8rem, 5.5vw, 5.5rem);
      line-height: 1.05;
      color: var(--cream);
      margin-bottom: 1.5rem;
      animation: fadeUp 1.2s .25s cubic-bezier(.22,.88,.33,1) both;
    }

    h1 span {
      color: var(--gold);
      /* font-style: italic; */
    }

    /* ── Divider ── */
    .divider {
      width: 48px;
      height: 1px;
      background: var(--gold);
      margin: 0 auto 1.6rem;
      animation: scaleX 1s .4s ease both;
      transform-origin: center;
    }

    /* ── Body text ── */
    p {
      font-size: clamp(0.9rem, 2vw, 1rem);
      font-weight: 400;
      color: rgba(255, 255, 255, 0.72);
      line-height: 1.8;
      max-width: 420px;
      margin: 0 auto 2.4rem;
      animation: fadeUp 1.2s .35s cubic-bezier(.22,.88,.33,1) both;
    }

    /* ── Animations ── */
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(22px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    @keyframes scaleX {
      from { transform: scaleX(0); }
      to   { transform: scaleX(1); }
    }

    /* ── Responsive tweaks ── */
    @media (max-width: 480px) {
      .form {
        flex-direction: column;
        gap: 0.6rem;
      }
      .form input[type="email"] {
        border-right: 1px solid rgba(201, 168, 76, 0.3);
      }
      .time-sep { display: none; }
    }