:root{font-family:Arial,sans-serif;color:#163247;background:#f3f7fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(440px,100%);background:white;border-radius:20px;padding:36px;box-shadow:0 12px 50px #17394b12}.brand{color:#174958;text-decoration:none;font-size:24px;font-weight:700}.eyebrow{margin-top:36px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#537778}h1{font-size:30px;margin:12px 0}p,small{line-height:1.6;color:#526779}label{display:block;font-size:14px;margin:22px 0 8px}input{width:100%;padding:13px;border:1px solid #b7c7d3;border-radius:8px;font-size:16px}input:focus{outline:3px solid #b5e3df;outline-offset:2px}button{width:100%;border:0;border-radius:8px;background:#246961;color:white;padding:14px;margin-top:24px;font-size:16px;font-weight:600;cursor:pointer}button:disabled{opacity:.6}#state{min-height:24px;color:#a42d40}small{display:block;font-size:12px}