:root{color-scheme:light;--color-navy:#1a2744;--color-navy-light:#2a3c63;--color-gold:#b8975a;--color-offwhite:#f8f6f2;--color-sand:#c9b69a}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;color:var(--color-navy);background:var(--color-offwhite)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:58% 1fr}.auth-visual{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem 3rem;background-image:linear-gradient(160deg,rgba(26,39,68,.92),rgba(26,39,68,.72)),url(/login-bg.jpg);background-size:cover;background-position:50%;color:#fff}.auth-visual__logo{font-size:.8rem;letter-spacing:.08em;font-weight:500;opacity:.9}.auth-visual__copy-main{font-family:var(--font-heading,"游明朝","Hiragino Mincho ProN",serif);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.4;margin:0 0 .75rem}.auth-visual__copy-sub{font-size:.95rem;font-weight:400;margin:0;opacity:.9}.auth-panel{position:relative;min-height:100vh;flex-direction:column;justify-content:center;padding:2.5rem 2rem 4rem;background:#fff}.auth-panel,.step-indicator{display:flex;align-items:center}.step-indicator{position:absolute;top:2.5rem;left:50%;transform:translateX(-50%);gap:.5rem}.step-indicator__dot{width:8px;height:8px;border-radius:50%;background:#e2e0da}.step-indicator__dot.is-active{background:var(--color-gold)}.step-indicator__label{margin-left:.4rem;font-size:.75rem;letter-spacing:.06em;color:#8a8478}.auth-panel__body{width:100%;max-width:360px}.auth-panel__body h1{font-family:var(--font-heading,"游明朝","Hiragino Mincho ProN",serif);font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:var(--color-navy)}.auth-panel__lead{font-size:.85rem;color:#55555f;line-height:1.6;margin:0 0 1.5rem}.auth-panel__lead-en{font-size:.75rem;letter-spacing:.08em;color:#9a9488}.auth-panel__brand{position:absolute;right:1.5rem;bottom:1.25rem;font-size:.7rem;letter-spacing:.04em;color:#b3ada0}.field{margin-bottom:1rem}.field label{display:block;font-size:.85rem;margin-bottom:.35rem;color:#444}.field input{width:100%;padding:.65rem .85rem;border:1px solid #d8d3c8;border-radius:6px;font-size:1rem;background:#fff;color:var(--color-navy)}.field input:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(184,151,90,.18)}.submit{width:100%;padding:.75rem;margin-top:.5rem;border:none;border-radius:6px;background:linear-gradient(135deg,var(--color-navy),var(--color-navy-light));color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .15s ease}.submit:hover{opacity:.9}.error-banner{background:#fdecea;color:#a4262c;border:1px solid #f4c7c3;border-radius:6px;padding:.6rem .75rem;font-size:.85rem;margin-bottom:1rem}.helper-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.helper-links a{font-size:.8rem;color:var(--color-gold);text-decoration:none}.helper-links a:hover{text-decoration:underline}@media (max-width:768px){.auth-layout{grid-template-columns:1fr}.auth-visual{min-height:auto;height:120px;padding:1.25rem 1.5rem;flex-direction:row;align-items:center}.auth-visual__copy{display:none}.auth-panel{min-height:auto;padding:4.5rem 1.5rem 3rem}}