body.login-body {
    min-height: 100vh; display: flex; align-items: center; justify-content: center;
    background:
        radial-gradient(circle at 15% 20%, rgba(200,162,76,.10), transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(200,162,76,.08), transparent 45%),
        var(--bg);
    padding: 24px;
}
.login-wrap { width: 100%; max-width: 940px; display: grid; grid-template-columns: 1.05fr 1fr; border-radius: 26px; overflow: hidden; box-shadow: var(--shadow-lg); }
.login-visual {
    background: linear-gradient(160deg, #262320 0%, var(--sidebar) 55%, #201D19 100%);
    padding: 52px 44px; display: flex; flex-direction: column; justify-content: space-between; color: #EDE6D5; position: relative; overflow: hidden;
}
.login-visual::before {
    content: ''; position: absolute; width: 340px; height: 340px; border-radius: 50%;
    border: 1px solid rgba(200,162,76,.18); top: -120px; right: -120px;
}
.login-visual::after {
    content: ''; position: absolute; width: 220px; height: 220px; border-radius: 50%;
    border: 1px solid rgba(200,162,76,.14); bottom: -80px; left: -60px;
}
.login-logo { width: 100%; max-width: 300px; height: auto; margin-bottom: 22px; }
.login-visual p { color: #B9AE97; font-size: 13.5px; max-width: 320px; }
.login-quote { font-family: var(--font-display); font-size: 18px; font-style: italic; color: #D9CEB2; border-left: 2px solid var(--gold); padding-left: 16px; position: relative; z-index: 1; }

.login-form-side { background: var(--surface); padding: 52px 46px; display: flex; flex-direction: column; justify-content: center; }
.login-form-side h2 { font-size: 26px; margin-bottom: 6px; }
.login-form-side .sub { color: var(--text-soft); font-size: 13px; margin-bottom: 30px; }
.login-error { background: var(--danger-tint); color: var(--danger); border-radius: 10px; padding: 11px 14px; font-size: 12.5px; margin-bottom: 18px; font-weight: 600; }
.login-foot-note { margin-top: 22px; text-align: center; font-size: 11.5px; color: var(--text-faint); }

@media (max-width: 800px) {
    .login-wrap { grid-template-columns: 1fr; }
    .login-visual { display: none; }
}