body.edu-app.edu-auth { padding: 32px 20px !important; display: flex; align-items: center; justify-content: center; min-height: 100vh; min-height: 100dvh; background: #f0f5f7; }
.edu-auth .auth-container, .edu-auth .login-container { max-width: 460px; width: 100%; margin: 0; border: 1px solid var(--edu-border); background: #fff; border-radius: 8px; box-shadow: 0 8px 30px rgba(31, 52, 64, .06); overflow: hidden; backdrop-filter: none; }
.edu-auth .login-container { padding: 30px; }
.edu-auth .auth-header { padding: 30px 30px 0; background: #fff; color: var(--edu-text); text-align: center; }
.edu-auth .auth-header h2, .edu-auth .login-header h2 { color: var(--edu-text); font-size: 26px; margin-top: 14px; }
.edu-auth .auth-header p, .edu-auth .login-header p { color: var(--edu-muted); font-size: 13px; }
.edu-auth .auth-brand-mark { display: inline-grid; place-items: center; width: 48px; height: 48px; background: var(--edu-primary); color: #fff; border-radius: 8px; font-size: 24px; }
.edu-auth .auth-body { padding: 24px 30px 30px; }
.edu-auth .auth-toggle-container { margin-bottom: 24px !important; }
.edu-auth .auth-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 4px; gap: 4px; border: 0; border-radius: 6px; background: #eef3f6; margin: 0; }
.edu-auth .auth-tabs .nav-link { border: 0; border-radius: 4px; margin: 0; color: var(--edu-muted); padding: 10px; text-align: center; font-size: 13px; font-weight: 600; }
.edu-auth .auth-tabs .nav-link.active { color: var(--edu-primary-dark); background: #fff; box-shadow: 0 1px 3px rgba(31,52,64,.08); }
.edu-auth .btn-group-toggle { padding: 4px; border-radius: 6px; background: #eef3f6; gap: 4px; }
.edu-auth .btn-group-toggle .btn-switch { background: transparent; color: var(--edu-muted); border: 0; border-radius: 4px !important; padding: 10px; margin: 0; box-shadow: none; }
.edu-auth .btn-group-toggle .btn-switch h6 { margin: 0; color: inherit; font-size: 13px; }
.edu-auth .btn-group-toggle .btn-switch.active { background: #fff; color: var(--edu-primary-dark); box-shadow: 0 1px 3px rgba(31, 52, 64, .08); }
.edu-auth .form-group { margin-bottom: 18px; text-align: start !important; }
.edu-auth .form-group label { display: block; }
.edu-auth .form-row { direction: rtl; }
.edu-auth input[type="email"], .edu-auth input[type="password"] { direction: ltr; text-align: left; }
.edu-auth .input-group .form-control { border: 1px solid #ccd9e0; }
.edu-auth .btn-login { background: var(--edu-primary); border: 1px solid var(--edu-primary); color: #fff; border-radius: 6px; padding: 11px 20px; font-size: 14px; font-weight: 600; margin-top: 8px; }
.edu-auth .btn-login:hover { background: var(--edu-primary-dark); color: #fff; transform: none; box-shadow: none; }
.edu-auth .login-header i { color: var(--edu-primary); }
.edu-auth .btn-subscribe { background: var(--edu-green); color: #fff; }
.edu-auth .btn-cancel { background: #eef3f6; color: var(--edu-text); }
@media (max-width: 575px) {
    body.edu-app.edu-auth { padding: 20px 16px !important; }
    .edu-auth .auth-header { padding: 24px 20px 0; }
    .edu-auth .auth-body, .edu-auth .login-container { padding: 20px; }
}