:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#183247;background:#f3f6f4}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 12% 10%,#e6f3ef 0,transparent 42%),#f4f5f1}.card{width:min(460px,100%);background:#fff;border:1px solid #dce4e0;border-radius:18px;box-shadow:0 24px 70px rgba(21,51,61,.12);padding:30px}.mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#176d66;color:#fff;font-size:26px}h1{margin:18px 0 7px;font-size:25px}p{margin:0 0 22px;color:#6a7d88;font-size:14px;line-height:1.6}form{display:grid;gap:15px}label{display:grid;gap:7px;color:#415967;font-size:12px;font-weight:700}input{width:100%;height:46px;border:1px solid #ccd8d4;border-radius:10px;padding:0 13px;font:inherit;color:#183247;background:#fff}input:focus{outline:0;border-color:#1c776e;box-shadow:0 0 0 3px rgba(28,119,110,.12)}button{height:46px;border:0;border-radius:10px;background:#176d66;color:#fff;font-weight:800;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.error{min-height:20px;margin:0;color:#b74134;font-size:12px}.hint{margin-top:18px;padding-top:16px;border-top:1px solid #edf0ef;font-size:12px;color:#7a8b93}.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}@media(max-width:560px){.card{padding:23px}.grid{grid-template-columns:1fr}}