:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#1f2430;background:#f3f4f6;margin:0}.page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:1.5rem;box-shadow:0 8px 30px #00000014}.title{text-align:center;margin:0 0 1rem;font-size:1.4rem}.hint{color:#5b6270;margin:0 0 1rem;font-size:.9rem}.form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.field input{border:1px solid #d4d7dd;border-radius:10px;width:100%;padding:.75rem .9rem;font-size:1rem;font-weight:400}.field input:focus{outline-offset:1px;outline:2px solid #4f7cff}.btn{color:#fff;cursor:pointer;background:#4f7cff;border:none;border-radius:10px;padding:.85rem 1rem;font-size:1rem;font-weight:600}.btn:disabled{opacity:.6;cursor:default}.btn-secondary{color:#4f7cff;background:0 0;border:1px solid #4f7cff}.alert{color:#a4262c;background:#fdecec;border:1px solid #f3c5c7;border-radius:10px;margin:0 0 1rem;padding:.7rem .9rem;font-size:.9rem}.success{color:#1f6e3a;text-align:center;background:#eafbef;border:1px solid #bfe7cc;border-radius:10px;padding:.9rem;font-weight:600}@media (width>=480px){.card{padding:2rem}.title{font-size:1.6rem}}