.login-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0,#e4e8ec 100%)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-overlay.hidden{display:none}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:1rem;color:#6b7280;font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.login-page input:focus{outline:0}.login-page input[type=checkbox]{accent-color:#6366f1}.login-page input.error{border-color:#ef4444}.login-page input.error:focus{border-color:#ef4444;ring-color:rgba(239,68,68,.2)}.gradient-bg{background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%)}[dir=rtl] .login-page input[type=email],[dir=rtl] .login-page input[type=password]{text-align:right}@media (max-width:400px){.login-page a[href*="/login/apple"],.login-page a[href*="/login/google"],.login-page a[href*="/login/microsoft"]{padding:.75rem 1rem;gap:.5rem}.login-page a[href*="/login/apple"] span,.login-page a[href*="/login/google"] span,.login-page a[href*="/login/microsoft"] span{font-size:.875rem;white-space:nowrap}.login-page a[href*="/login/apple"] svg,.login-page a[href*="/login/google"] svg,.login-page a[href*="/login/microsoft"] svg{width:1.25rem;height:1.25rem;flex-shrink:0}}