*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:#111}
body.login-page{min-height:100vh;display:grid;place-items:center;background:#f3f6f4;padding:24px}
.login-shell{width:min(520px,100%)}
.login-card{background:#fff;border:1px solid #d9dfdb;border-radius:18px;padding:38px 40px 42px;box-shadow:0 12px 36px rgba(0,0,0,.08)}
.login-brand{font-size:22px;font-weight:800;color:#007f32;margin-bottom:8px}
h1{font-size:32px;margin:0 0 8px}.login-lead{margin:0 0 28px;color:#59625c;font-size:16px}
.login-form{display:grid;gap:20px}.login-form label{display:grid;gap:8px;font-weight:700;font-size:16px}
.login-form input{width:100%;height:56px;border:1px solid #bcc7c0;border-radius:10px;padding:0 16px;font-size:18px;outline:none}
.login-form input:focus{border-color:#009b3d;box-shadow:0 0 0 3px rgba(0,155,61,.12)}
.login-form button{height:58px;border:0;border-radius:10px;background:#00a83f;color:#fff;font-weight:800;font-size:19px;cursor:pointer}
.login-form button:active{transform:translateY(1px)}
.login-message{padding:12px 14px;border-radius:8px;margin-bottom:18px;font-weight:700}.login-message.error{background:#fff0f0;color:#c71919;border:1px solid #f1b6b6}.login-message.success{background:#edf9f1;color:#087d37;border:1px solid #b7dfc6}
@media(max-width:560px){body.login-page{padding:16px}.login-card{padding:28px 22px 32px}h1{font-size:28px}}