*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 15%,#e8f0df,transparent 48%),#f7f7f0;color:#30372a;font-family:Inter,"Microsoft YaHei",sans-serif;padding:24px}main{width:100%;max-width:450px;background:#fffefa;border:1px solid #e4e7db;border-radius:28px;padding:42px;box-shadow:0 18px 70px #3a432411}.mark{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#ddebba;font-size:26px;font-weight:700;margin-bottom:32px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#7a866c}h1{font-size:29px;letter-spacing:-1px;margin:14px 0}p{font-size:14px;line-height:1.9;color:#7d8376}form{margin-top:29px}label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}input{width:100%;padding:15px 16px;border:1px solid #dfe3d6;border-radius:12px;font-size:15px;background:#fbfcf7;color:#30372a}input:focus{outline:2px solid #9eae7d;outline-offset:2px}button{width:100%;border:0;border-radius:12px;padding:16px;margin-top:15px;background:#35472b;color:#fff;font:inherit;font-size:14px;cursor:pointer;display:flex;justify-content:space-between}button:disabled{opacity:.6;cursor:wait}#message{font-size:12px;min-height:24px;color:#9a4f36}footer{margin-top:20px;font-size:10px;letter-spacing:1.4px;color:#9ca28e}@media(max-width:480px){main{padding:30px 24px}}