:root{
    --navy:#12182b;
    --navy2:#1b2340;
    --lav:#d9b8e0;
    --tan:#e0a95f;
    --line:#1a2038;
    --ice:#dfe6ea;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html,body{height:100%;}
  html{background:var(--navy);}
  body{
    background:var(--navy);
    color:var(--ice);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:100vh;
    overflow:hidden;
    position:relative;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
    color-adjust:exact;
  }
  @media print{
    html,body{background:var(--navy) !important;}
  }

  .stripes{
    position:absolute;
    top:-20%;
    right:-15%;
    width:70vw;
    height:140vh;
    z-index:0;
    opacity:.9;
  }

  .content{
    position:relative;
    z-index:2;
    text-align:left;
    max-width:640px;
    width:90%;
    padding:2rem;
  }

  .eyebrow{
    display:flex;
    align-items:center;
    gap:.6rem;
    font-size:.85rem;
    letter-spacing:.02em;
    color:var(--tan);
    margin-bottom:1.5rem;
  }
  .dot{
    width:8px;height:8px;border-radius:50%;
    background:var(--tan);
    box-shadow:0 0 12px var(--tan);
    animation:pulse 1.8s ease-in-out infinite;
  }
  @keyframes pulse{
    0%,100%{opacity:1;transform:scale(1);}
    50%{opacity:.4;transform:scale(.7);}
  }

  h1{
    font-size:clamp(2.6rem,7vw,4.6rem);
    line-height:1.02;
    font-weight:700;
    letter-spacing:-0.02em;
    color:var(--ice);
  }
  h1 .accent{
    color:var(--lav);
  }

  p.sub{
    margin-top:1.4rem;
    font-size:1.05rem;
    line-height:1.55;
    color:#9aa4bd;
    max-width:36ch;
  }

  form{
    margin-top:2.4rem;
    display:flex;
    gap:0;
    max-width:420px;
    border:1.5px solid var(--line);
    border-radius:999px;
    overflow:hidden;
    background:var(--navy2);
  }
  input[type=email]{
    flex:1;
    border:none;
    background:transparent;
    padding:.95rem 1.3rem;
    color:var(--ice);
    font-size:.95rem;
    outline:none;
    font-family:inherit;
  }
  input[type=email]::placeholder{color:#606a87;}
  button{
    border:none;
    padding:.95rem 1.6rem;
    background:var(--lav);
    color:var(--navy);
    font-weight:700;
    font-size:.95rem;
    cursor:pointer;
    font-family:inherit;
    transition:background .2s ease;
  }
  button:hover{background:var(--tan);}

  .note{
    margin-top:1rem;
    font-size:.8rem;
    color:#606a87;
  }

  footer{
    position:absolute;
    bottom:1.6rem;
    left:2rem;
    font-size:.78rem;
    color:#4a5372;
    z-index:2;
    letter-spacing:.02em;
  }

  @media (max-width:640px){
    .stripes{right:-40%;top:-10%;width:100vw;}
    form{flex-direction:column;border-radius:16px;}
    button{border-radius:0 0 14px 14px;}
    footer{left:1.2rem;bottom:1.2rem;}
  }