body{
      margin:0; font-family:Arial,Helvetica,sans-serif;
      background:#121212; color:#eaf2ff; text-align:center;
    }
    h1{margin-top:41px;font-size:2.4rem;color:#25d366;}
    p{max-width:781px;margin:16px auto;font-size:1.1rem;line-height:1.6;color:#cbd5e1;}

    .input-wrap{display:flex;justify-content:center;gap:11px;margin:29px auto;max-width:601px;flex-wrap:wrap;}
    input[type="text"]{
      flex:1 1 360px;height:56px;padding:0 14px;font-size:18px;border-radius:12px;border:1px solid rgba(255,255,255,.15);
      background:#0b1220;color:#fff;outline:none;
    }
    input::placeholder{color:#8aa2c6;}

    .btn-main{
      background:#25d366;color:#03140a;
      font-size:22px;font-weight:bold;padding:16px 42px;min-width:240px;
      border:none;border-radius:14px;cursor:pointer;
      box-shadow:0 0 14px rgba(37,211,102,.55);
      animation:pulse 2s infinite;transition:.25s;
    }
    .btn-main:hover{background:#1ebe5c;transform:scale(1.05);}
    @keyframes pulse{0%{transform:scale(1);box-shadow:0 0 12px rgba(37,211,102,.45)}
      50%{transform:scale(1.04);box-shadow:0 0 22px rgba(37,211,102,.8)}
      100%{transform:scale(1);box-shadow:0 0 12px rgba(37,211,102,.45)}}

    .progress-rail{height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;max-width:600px;margin:18px auto;}
    .progress-bar{height:100%;width:0;background:linear-gradient(90deg,#60a5fa,#22d3ee);transition:width .4s;}
    .status{margin-top:8px;font-size:15px;color:#a9b8d8;}