*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#edf1f7;color:#12223c;font-family:system-ui,"Noto Sans JP",sans-serif}main{width:min(460px,calc(100% - 32px));padding:38px;background:white;border-radius:20px;box-shadow:0 12px 45px #172a4a12}.brand{font-weight:700;color:#3155df}h1{font-size:26px;margin-top:26px}p{font-size:14px;line-height:1.8;color:#53647f}label{display:block;font-size:14px;margin:24px 0 8px}input,button{width:100%;font:inherit;border-radius:9px;padding:12px;border:1px solid #ced7e7}button{margin-top:16px;background:#3155df;color:white;border:none;cursor:pointer}button:disabled{opacity:.6}small{color:#71819a;font-size:12px}#message{min-height:25px;color:#a33737}