:root { color-scheme: light; font-family: system-ui, -apple-system, "Noto Sans JP", sans-serif; color: #1b2142; background: #1f2f6b; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom)); }
.login-card { width: 100%; max-width: 420px; padding: 32px 28px; border-radius: 22px; background: #f7f5ef; }
.seal { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 9px; color: white; background: #c8322b; font: 28px serif; }
.eyebrow { font-size: 11px; letter-spacing: .16em; margin-top: 22px; color: #666b7e; }
h1 { font: 600 25px/1.4 serif; margin: 8px 0; }
.intro, .hint { line-height: 1.7; color: #666b7e; }
.intro { font-size: 14px; margin-bottom: 24px; }
label { display: block; font-size: 14px; margin: 15px 0 7px; }
input:not([type="checkbox"]):not([type="hidden"]) { width: 100%; border: 1px solid #c4c8d5; border-radius: 8px; padding: 12px; font: inherit; font-size: 16px; background: white; color: #1b2142; }
input:focus-visible, button:focus-visible, a:focus-visible { outline: 3px solid #c8322b; outline-offset: 3px; }
.remember { display: flex; align-items: center; gap: 8px; line-height: 1.6; font-size: 12px; margin: 18px 0; }
.remember input { width: 18px; height: 18px; flex: none; accent-color: #1f2f6b; }
button { width: 100%; min-height: 48px; border: 0; border-radius: 24px; font: 600 16px system-ui; color: white; background: #1f2f6b; cursor: pointer; }
.hint { margin-top: 20px; font-size: 12px; }
.language { display: inline-block; margin-top: 12px; color: #1f2f6b; }
.error { border-left: 3px solid #c8322b; padding: 10px; background: #fbebe9; color: #7a2a25; font-size: 13px; line-height: 1.7; }