*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f5f7;color:#1c2024;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Hiragino Sans","Noto Sans JP",sans-serif}
.card{width:100%;max-width:34rem;margin:1.5rem;padding:2rem;background:#fff;border:1px solid #d9dde3;border-radius:12px}
h1{margin:0 0 .75rem;font-size:1.5rem;line-height:1.3}
p{margin:.5rem 0}
.notices{margin:1rem 0 1.5rem;padding-left:1.25rem}
.notices li{margin:.25rem 0}
form{margin-top:1rem}
button{margin-top:1rem;padding:.65rem 1.5rem;font:inherit;font-weight:600;color:#fff;background:#2f5fd0;border:0;border-radius:8px;cursor:pointer}
button:hover{background:#2850b3}
button:focus-visible,a:focus-visible{outline:3px solid #9db7f5;outline-offset:2px}
a{color:#2f5fd0}