/* Login Value Proposition Panel - Phase 2-2 */
.auth-page__value-panel {
    display: none;
    flex-direction: column;
    justify-content: center;
    padding: 48px 40px;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    color: white;
    max-width: 380px;
}
.value-panel__header { margin-bottom: 32px; }
.value-panel__title { font-size: 1.6rem; font-weight: 700; margin: 0 0 8px; color: white; }
.value-panel__subtitle { font-size: 0.95rem; opacity: 0.85; margin: 0; }
.value-panel__features { display: flex; flex-direction: column; gap: 20px; margin-bottom: 36px; }
.value-panel__feature { display: flex; align-items: flex-start; gap: 14px; }
.value-panel__feature-icon { width: 40px; height: 40px; background: rgba(255,255,255,0.2); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 16px; }
.value-panel__feature-text { display: flex; flex-direction: column; gap: 2px; }
.value-panel__feature-text strong { font-size: 0.95rem; font-weight: 600; }
.value-panel__feature-text span { font-size: 0.8rem; opacity: 0.8; }
.value-panel__register { border-top: 1px solid rgba(255,255,255,0.2); padding-top: 24px; text-align: center; }
.value-panel__register p { font-size: 0.9rem; opacity: 0.8; margin: 0 0 12px; }
.value-panel__register-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 28px; background: white; color: #4f46e5; border-radius: 10px; text-decoration: none; font-weight: 600; font-size: 0.95rem; transition: all 0.2s; }
.value-panel__register-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.2); }

@media (min-width: 900px) {
    .auth-page--login .auth-page__value-panel { display: flex !important; border-radius: 0 !important; width: 360px !important; flex-shrink: 0 !important; }
    .auth-page--login .auth-page__container { display: flex !important; flex-direction: row !important; max-width: 880px !important; background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 25px 50px rgba(0,0,0,0.1); }
    .auth-page--login .auth-page__card { flex: 1 !important; min-width: 0; border-radius: 0 !important; box-shadow: none !important; }
}