*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#f3f1ec;color:#1f2a2e;padding:24px}
.card{width:100%;max-width:480px;background:#fff;border-radius:14px;padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
h1{margin:0 0 24px;font-size:26px}
label{display:block;font-size:14px;font-weight:600;margin-bottom:14px}
input{display:block;width:100%;margin-top:6px;padding:11px 12px;font-size:15px;border:1px solid #d5d2cb;border-radius:8px;background:#fafaf8}
input:focus{outline:none;border-color:#1f6f5c;box-shadow:0 0 0 3px rgba(31,111,92,.15);background:#fff}
input.invalid{border-color:#c0392b}
button{width:100%;margin-top:8px;padding:13px;font-size:16px;font-weight:600;color:#fff;background:#1f6f5c;border:0;border-radius:8px;cursor:pointer}
button:hover{background:#185a4a}
button:disabled{opacity:.6;cursor:wait}
#status{margin:14px 0 0;font-size:14px;text-align:center}
#status.ok{color:#1f6f5c}#status.err{color:#c0392b}