.text-button { border: 0; background: transparent; color: #59667e; cursor: pointer; margin-left: 10px; }
.login-overlay { position: fixed; inset: 0; background: #f5f7fb; display: flex; align-items: center; justify-content: center; z-index: 100; }
.login-overlay.hidden { display: none; }
.login-card { width: min(400px, calc(100vw - 32px)); background: #fff; border: 1px solid #e0e5ef; border-radius: 16px; padding: 30px; box-shadow: 0 20px 60px rgba(36,47,77,.12); }
.login-card h2 { margin: 28px 0 4px; }
.login-card p { font-size: 13px; color: #7c879b; margin: 0 0 20px; }
.login-card input { width: 100%; border: 1px solid #dce2ed; border-radius: 8px; padding: 12px; margin-bottom: 12px; font-size: 14px; }
.login-card .button { width: 100%; margin-top: 6px; }
.login-error { min-height: 22px; color: #c83c3c; font-size: 13px; }