:root{
      --bg:#050915;
      --text:#eaf0ff;
      --muted:#a6b4dd;
      --border:rgba(255,255,255,.14);
      --cardA:rgba(255,255,255,.08);
      --cardB:rgba(255,255,255,.04);
      --shadow: 0 20px 70px rgba(0,0,0,.55);
      --blueA:#6ea8ff;
      --blueB:#4f7dff;
    }

    *{box-sizing:border-box}
    body{
      margin:0;
      min-height:100vh;
      display:grid;
      place-items:center;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color:var(--text);

      /* Background like your screenshot */
      background:
        radial-gradient(900px 600px at 18% 18%, rgba(110,168,255,.22), transparent 55%),
        radial-gradient(900px 600px at 78% 82%, rgba(165,95,255,.18), transparent 60%),
        radial-gradient(900px 600px at 85% 20%, rgba(0,0,0,.35), transparent 60%),
        var(--bg);
    }

    .card{
      width:min(920px, 92vw);
      border-radius:22px;
      padding:28px;
      background: linear-gradient(180deg, var(--cardA), var(--cardB));
      border:1px solid var(--border);
      box-shadow: var(--shadow);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }

    .title{
      font-size:34px;
      font-weight:750;
      letter-spacing:-.4px;
      margin:0 0 10px;
    }

    .desc{
      margin:0 0 26px;
      color:var(--muted);
      font-size:16px;
      line-height:1.6;
    }

    label{
      display:block;
      margin:0 0 10px;
      font-size:16px;
      color:var(--muted);
    }

    .input{
      width:100%;
      height:56px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.14);
      background: rgba(0,0,0,.22);
      color:var(--text);
      padding:0 18px;
      font-size:18px;
      outline:none;
    }

    .input:focus{
      border-color: rgba(110,168,255,.65);
      box-shadow: 0 0 0 4px rgba(110,168,255,.16);
    }

    .row{
      display:flex;
      gap:18px;
      align-items:center;
      margin-top:18px;
      flex-wrap:wrap;
    }

    .btn{
      height:46px;
      padding:0 22px;
      border-radius:14px;
      border:1px solid rgba(110,168,255,.55);
      background: linear-gradient(180deg, rgba(110,168,255,.95), rgba(79,125,255,.88));
      color:white;
      font-weight:700;
      font-size:16px;
      cursor:pointer;
      transition: transform .06s ease, filter .15s ease;
    }

    .btn:active{ transform: translateY(1px); }

    .status{
      font-size:15px;
      color:var(--muted);
      opacity:.95;
      min-width:160px;
    }

    @media (max-width: 560px){
      .title{font-size:26px}
      .desc{font-size:14px}
      .input{font-size:16px}
    }