*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;background:#f2f5f9;color:#152540;font:16px/1.5 system-ui,sans-serif;padding:18px}main{width:min(430px,100%);background:white;padding:36px;border:1px solid #dce4ed;border-radius:14px;box-shadow:0 15px 50px #12223c12}.mark{color:#087f74;font-weight:700;letter-spacing:.1em;font-size:12px}h1{margin:10px 0 4px;font-size:28px}p{color:#64748b;margin:8px 0 24px}form{display:grid;gap:18px}label{display:grid;gap:5px;font-size:14px;font-weight:600}input{font:inherit;padding:11px;border:1px solid #cad5e2;border-radius:7px;width:100%}button{background:#087f74;border:0;border-radius:8px;color:#fff;padding:12px;font:600 16px system-ui;cursor:pointer}a{color:#087f74}.error{background:#fff1ed;color:#a52823;padding:10px;border-radius:7px}.good{background:#e7f8f2;color:#086755;padding:10px;border-radius:7px}