body{-webkit-text-size-adjust:100%;background:#0f172a;margin:0;font-family:Arial,sans-serif}.container{box-sizing:border-box;justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.card{text-align:center;background:#1e293b;border-radius:12px;flex-direction:column;gap:15px;width:100%;max-width:380px;padding:30px;display:flex;box-shadow:0 10px 25px #0009}h3{color:#f8fafc;margin:0}.form{flex-direction:column;gap:12px;display:flex}input{color:#f8fafc;box-sizing:border-box;background:#0f172a;border:1px solid #334155;border-radius:6px;outline:none;width:100%;padding:10px;font-size:16px}input::placeholder{color:#64748b}button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;width:100%;padding:10px;font-size:16px;font-weight:500}.status-box{text-align:center;color:#e2e8f0;word-break:break-word;background:#0f172a;border:1px solid #334155;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:18px;padding:16px 18px;font-size:15px;font-weight:600;line-height:1.4;display:flex}.status-box.success{color:#86efac;background:#22c55e1f;border:1px solid #22c55e}.status-box.error{color:#fca5a5;background:#ef44441f;border:1px solid #ef4444}html,body{height:100%}.guide-box{text-align:left;background:#3b82f614;border:1px solid #3b82f659;border-radius:10px;margin-top:18px;padding:14px 16px}.guide-box p{color:#e2e8f0;text-shadow:0 1px 1px #0006;margin:0;font-size:15px;font-weight:600;line-height:1.6}body{background:#0f172a;margin:0;font-family:Arial,sans-serif}.container{justify-content:center;align-items:center;height:100vh;display:flex}.container>div,.container{justify-content:center;align-items:center;display:flex}.container form,.container>div{text-align:center;background:#1e293b;border-radius:12px;width:320px;padding:30px;box-shadow:0 10px 25px #0009}h2{color:#fff;margin-bottom:20px}input{color:#000;background:#fff;border:none;border-radius:6px;outline:none;width:100%;margin-bottom:15px;padding:10px;font-size:16px}button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;width:100%;padding:10px;font-size:16px;transition:all .3s}button:hover{background:#2563eb}.valid{color:#22c55e;margin-top:15px;font-weight:700}.invalid{color:#ef4444;margin-top:15px;font-weight:700}.container{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}