*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#16232d;font:16px/1.5 system-ui,sans-serif}main{max-width:460px;margin:8vh auto;padding:32px;background:white;border:1px solid #dbe3e8;border-radius:18px}.brand{color:#285f5c;text-decoration:none;font-weight:750}h1{font-size:27px;line-height:1.2}label{display:block;font-weight:600;margin:20px 0}input,button{display:block;width:100%;font:inherit;border:1px solid #b6c4cb;border-radius:8px;padding:12px;margin-top:7px}button{background:#286a60;color:white;border:0;font-weight:650;cursor:pointer}button:disabled{opacity:.55;cursor:default}.hint{font-size:13px;color:#5a6875}#message{color:#943f21}@media(max-width:500px){main{margin:24px 14px;padding:24px}}