:root{font-family:Arial,sans-serif;color:#344946;background:#edf2f0}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:32px 20px}main{width:min(100%,480px);background:white;border:1px solid #d8e2df;border-radius:18px;padding:42px;box-shadow:0 20px 65px #485d5b12}.brand{font-size:11px;font-weight:700;letter-spacing:2px;color:#667f79}h1{font-size:38px;letter-spacing:-1.5px;margin:22px 0 10px}p{line-height:1.55}label{display:block;font-size:14px;font-weight:600;margin-top:22px}input{display:block;width:100%;padding:13px;border:1px solid #b8cac5;border-radius:7px;margin-top:9px;font:inherit}input:focus{outline:2px solid #a5bcb9;outline-offset:2px}button{margin-top:26px;width:100%;padding:14px;background:#485d5b;color:white;border:0;border-radius:7px;font-size:15px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}aside{border-top:1px solid #d8e2df;margin-top:24px;padding-top:24px;font-size:13px;color:#60736f}#status{color:#974332;font-size:14px}@media(max-width:500px){main{padding:28px}}