.login-layout { min-height: 100vh; display: flex; flex-direction: column; background: #f4f7fb; color: #20304a; }
.login-layout .navbar { min-height: 68px; background: #fff !important; border-bottom: 1px solid #e4eaf2; }
.login-layout .navbar-brand,
.login-layout .navbar-brand:hover,
.login-layout .navbar-brand:focus { color: #1b365d; font-size: 1.2rem; letter-spacing: -.02em; }
.login-layout .navbar-brand::before {
    content: ""; display: inline-block; width: 10px; height: 24px; margin-right: 12px;
    border-radius: 3px; background: #2463eb; vertical-align: -4px;
}
.login-page { flex: 1; display: flex; flex-direction: column; justify-content: center; padding-top: 56px; padding-bottom: 48px; }
.login-page > .alert { margin-bottom: 24px; }
.login-shell {
    display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(330px, .85fr);
    align-items: center; gap: clamp(40px, 7vw, 100px); width: 100%; max-width: 1040px; margin: 0 auto;
}
.login-eyebrow { margin-bottom: 18px; font-size: .8rem; font-weight: 600; letter-spacing: .16em; color: #45658a; }
.login-introduction h1 { margin-bottom: 20px; font-size: clamp(2rem, 3.4vw, 2.85rem); line-height: 1.35; font-weight: 650; letter-spacing: -.035em; }
.login-lead { margin-bottom: 32px; color: #67758b; line-height: 1.8; }
.login-capabilities { display: grid; gap: 10px; }
.login-capability { display: flex; gap: 16px; padding: 15px 18px; border: 1px solid transparent; border-radius: 12px; }
.login-capability-voice { background: #eaf1ff; border-color: #d9e5ff; }
.login-capability-mark { margin-top: 2px; color: #8a9bb2; font-size: .75rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.login-capability-voice .login-capability-mark { color: #2463eb; }
.login-capability h2 { margin: 0 0 6px; font-size: .95rem; font-weight: 650; }
.login-capability p { margin: 0; color: #61718a; font-size: .86rem; line-height: 1.75; }
.login-assurances { margin: 27px 0 8px; font-size: .8rem; color: #536985; }
.login-assurances span { padding: 0 10px; color: #bbc6d5; }
.login-capability-note { margin: 0; font-size: .75rem; color: #65758b; }
.login-panel { padding: 36px; background: #fff; border: 1px solid #e1e7ef; border-radius: 18px; box-shadow: 0 12px 36px rgb(35 55 85 / 5%); }
.login-panel-heading { margin-bottom: 28px; }
.login-panel-accent { display: block; width: 30px; height: 4px; margin-bottom: 22px; background: #2463eb; border-radius: 4px; }
.login-panel-heading h2 { margin-bottom: 10px; font-size: 1.45rem; font-weight: 650; }
.login-panel-heading p { margin: 0; color: #6b7a90; font-size: .82rem; line-height: 1.7; }
.login-panel .form-label { margin-bottom: 8px; color: #42536c; font-size: .85rem; }
.login-panel .form-control { min-height: 46px; border-color: #dae2ed; border-radius: 8px; font-size: .9rem; }
.login-panel .form-control:focus { border-color: #6998f2; box-shadow: 0 0 0 3px rgb(36 99 235 / 10%); }
.login-captcha-row { display: flex; align-items: center; gap: 12px; }
.login-captcha-row .form-control { min-width: 0; }
.login-captcha-refresh { padding: 0; flex-shrink: 0; border: 1px solid #dae2ed; border-radius: 7px; background: #f8fafc; overflow: hidden; }
.login-captcha-refresh img { display: block; width: 116px; height: 44px; object-fit: contain; }
.login-panel .form-text { color: #65758b; margin-top: 9px; font-size: .72rem; line-height: 1.7; }
.login-submit { min-height: 46px; border-radius: 8px; background: #2463eb; border-color: #2463eb; font-size: .9rem; font-weight: 600; }
.login-account-note { margin: 20px 0 0; color: #6b7a90; text-align: center; font-size: .75rem; }
.login-usage-notice { margin-top: 24px; padding-top: 18px; border-top: 1px solid #edf0f5; color: #65758b; font-size: .75rem; }
.login-usage-notice summary { width: fit-content; margin: 0 auto; cursor: pointer; }
.login-usage-notice[open] summary { margin-bottom: 16px; }
.login-usage-notice section { background: #f8fafc !important; font-size: .75rem !important; line-height: 1.8; }
.login-usage-notice h6 { font-size: .8rem; }
.login-layout footer { color: #6b7a90 !important; font-size: .72rem !important; }
@media (max-width: 767.98px) {
    .login-layout .navbar { min-height: 60px; }
    .login-page { padding: 28px 22px 20px; justify-content: flex-start; }
    .login-shell { display: flex; flex-direction: column; gap: 36px; }
    .login-panel { order: -1; width: 100%; max-width: 430px; padding: 28px; border-radius: 14px; }
    .login-panel-heading { margin-bottom: 24px; }
    .login-panel-accent { margin-bottom: 18px; }
    .login-introduction { width: 100%; max-width: 430px; }
    .login-introduction h1 { font-size: 1.9rem; }
    .login-lead { margin-bottom: 20px; font-size: .9rem; }
    .login-capability { padding: 14px 12px; gap: 14px; }
    .login-assurances { margin-top: 22px; }
    .login-assurances span { padding: 0 5px; }
}
@media (prefers-reduced-motion: reduce) {
    .login-layout * { scroll-behavior: auto !important; transition: none !important; }
}