body{font:16px system-ui,Arial,sans-serif;margin:0;background:#f1f5f9;color:#172335;display:grid;place-items:center;min-height:100vh}main{width:min(390px,calc(100% - 36px));background:white;padding:28px;border:1px solid #dce3ea;border-radius:14px;box-shadow:0 12px 35px #23354812}label{display:block;font-weight:600;margin:14px 0 5px}input,button{box-sizing:border-box;width:100%;padding:12px;border:1px solid #bdcbd7;border-radius:8px;font:inherit}button{background:#123a56;color:#fff;margin-top:22px;cursor:pointer}p{color:#617487;font-size:14px}#message{color:#b91c1c;min-height:1.2em}