.login-container{background:linear-gradient(135deg, var(--teacherz-auth-loginBgStart), var(--teacherz-auth-loginBgEnd));box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100vh;margin:0;display:flex}.login-content{width:100%;height:100%;margin:0;display:flex}.image-section{flex:1;justify-content:center;align-items:center;margin:0;display:flex}.left-image{object-fit:cover;width:100%;height:100%}.form-section{background:linear-gradient(180deg, color-mix(in srgb, var(--teacherz-auth-loginPanelBg) 95%, transparent) 0%, color-mix(in srgb, var(--teacherz-auth-loginPanelBgAlt) 88%, transparent) 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:400px;margin:0;padding:0;display:flex}.tagline-section{text-align:center;width:100%;margin-bottom:15px}.tagline{color:var(--teacherz-auth-loginText);text-transform:capitalize;letter-spacing:1.5px;white-space:nowrap;margin-bottom:15px;font-family:Poppins,sans-serif;font-size:22px;font-weight:600;line-height:1.2}.tagline-word{font-size:18px;display:inline-block}.tagline-word-1{color:var(--teacherz-auth-loginText)}.tagline-word-2{color:var(--teacherz-auth-loginPrimaryBg)}.tagline-word-3{color:var(--teacherz-auth-loginBgEnd)}.logo-section{text-align:center;margin-bottom:30px}.logo{width:280px;height:auto;margin-bottom:20px}.login-form{background:radial-gradient(circle at 0% 0%, var(--teacherz-auth-loginPanelBg) 0%, var(--teacherz-auth-loginPanelBgAlt) 100%);border:1px solid var(--teacherz-auth-loginPanelBorder);box-shadow:var(--teacherz-auth-loginPanelShadow);text-align:center;box-sizing:border-box;border-radius:18px;width:100%;max-width:350px;padding:20px;transition:box-shadow .25s,transform .25s}.login-form:hover{box-shadow:var(--teacherz-auth-loginPanelShadow);transform:translateY(-6px)}.input-field-wrapper{width:100%;margin:15px 0;position:relative}.input-field{border:1px solid color-mix(in srgb, var(--teacherz-auth-loginPanelBorder) 85%, var(--teacherz-neutral-border) 15%);background-color:color-mix(in srgb, var(--teacherz-auth-loginPanelBg) 84%, var(--teacherz-shell-pageBgAlt) 16%);box-sizing:border-box;border-radius:10px;width:100%;padding:14px 40px;font-size:16px;transition:border-color .2s,box-shadow .2s,background-color .2s}.input-field:hover{background-color:var(--teacherz-auth-loginPanelBg);border-color:var(--teacherz-neutral-borderStrong)}.input-field:focus{border-color:var(--teacherz-auth-loginPrimaryBg);background-color:var(--teacherz-auth-loginPanelBg);box-shadow:0 0 10px color-mix(in srgb, var(--teacherz-auth-loginPrimaryBg) 35%, transparent), 0 0 2px color-mix(in srgb, var(--teacherz-auth-loginPrimaryBg) 90%, transparent) inset;outline:none}.input-field-icon{color:color-mix(in srgb, var(--teacherz-auth-loginPrimaryBg) 80%, transparent);font-size:18px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.password-toggle-icon{cursor:pointer;color:color-mix(in srgb, var(--teacherz-auth-loginPrimaryBg) 80%, transparent);align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-options{justify-content:space-between;align-items:center;margin-top:10px;font-size:14px;display:flex}.checkbox-inline{color:var(--teacherz-auth-loginText);align-items:center;gap:6px;display:inline-flex}.forgot-password-link{color:var(--teacherz-auth-loginPrimaryBg);text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.login-button{background-color:var(--teacherz-auth-loginPrimaryBg);width:100%;color:var(--teacherz-foundation-onPrimary);cursor:pointer;box-shadow:none;border:none;border-radius:10px;margin-top:20px;padding:16px;font-size:17px;font-weight:600;transition:box-shadow .2s,transform .2s,background-color .2s}.login-button .login-main{margin-right:6px;font-size:17px;font-weight:600}.login-button .login-sub{opacity:.85;font-size:13px;font-weight:500}.login-button:hover{background-color:var(--teacherz-auth-loginBgEnd);box-shadow:var(--teacherz-renewal-renewalPrimaryCtaShadow);transform:translateY(-1px)}.login-button:disabled{background-color:var(--teacherz-neutral-border);cursor:not-allowed;box-shadow:none;transform:none}.mode-toggle{justify-content:center;gap:0;margin-top:16px;display:flex}.mode-pill{border:1px solid var(--teacherz-auth-loginPanelBorder);color:var(--teacherz-auth-loginText);cursor:pointer;background:0 0;padding:8px 18px;font-weight:600}.mode-pill:first-child{border-radius:999px 0 0 999px}.mode-pill:last-child{border-radius:0 999px 999px 0}.mode-pill.active{background:var(--teacherz-auth-loginPrimaryBg);color:var(--teacherz-foundation-onPrimary);border-color:var(--teacherz-auth-loginPrimaryBg)}.mode-caption{text-align:center;color:var(--teacherz-auth-loginText);opacity:.7;margin-top:10px;font-size:12px}.footer-text{text-align:center;margin-top:35px;transform:translateY(100px)}.footer-brand-image{object-fit:contain;max-width:200px;max-height:40px}.error-banner{text-align:left;color:#8b1e1e;background:#fff2f2;border:1px solid #f3c4c4;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:14px}@media (max-width:980px){.login-content{flex-direction:column}.image-section{display:none}.form-section{width:100%;max-width:100%;padding:24px 16px}.logo{width:240px}.login-form{max-width:100%}.tagline{white-space:normal}}