*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f3f2ef;color:#171c20;font:16px Arial,sans-serif;padding:24px}.card{width:min(100%,450px);padding:42px;background:#fff;border:1px solid #deded9;border-radius:16px;box-shadow:0 18px 65px #17202909}.brand{font-size:15px;font-weight:700;letter-spacing:1.3px}.brand span{color:#818b89;font-size:11px;margin-left:10px}.eyebrow{font-size:10px;letter-spacing:2px;margin-top:44px;color:#6b7a74}h1{font-size:34px;letter-spacing:-1px;margin:12px 0}#intro{color:#66716d;line-height:1.6;margin-bottom:30px}label{display:block;font-size:13px;font-weight:600;margin:20px 0}input{display:block;margin-top:9px;width:100%;padding:14px;border:1px solid #cfd6d1;border-radius:7px;font:16px Arial;background:#fff}input:focus{outline:2px solid #426753;outline-offset:2px}button{width:100%;border:0;border-radius:7px;padding:15px;background:#213c31;color:#fff;font-size:15px;font-weight:600;cursor:pointer}button:disabled{opacity:.55}#message{font-size:13px;line-height:1.6;color:#8a342c}.foot{font-size:12px;color:#7d8680;margin-top:28px}a{color:#244c38;font-size:13px}[hidden]{display:none!important}@media(max-width:500px){.card{padding:30px 24px}}