:root{--teal-primary:teal;--teal-dark:#066;--teal-light:#00a0a0;--teal-glow:#00808059;--overlay-bg:#f8fcfaeb}.auth-loading-overlay{z-index:9999;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;animation:.5s ease-out fadeIn;display:flex;position:fixed;inset:0}.auth-loading-spinner{width:64px;height:64px;position:relative}.auth-loading-spinner:before,.auth-loading-spinner:after{content:"";border:6px solid #0000;border-radius:50%;animation:1.4s cubic-bezier(.55,.1,.68,.8) infinite spin;position:absolute;inset:0}.auth-loading-spinner:before{border-top-color:var(--teal-primary);border-right-color:var(--teal-primary);animation-duration:1.4s;animation-delay:0s}.auth-loading-spinner:after{border-top-color:var(--teal-light);border-left-color:var(--teal-light);opacity:.75;box-shadow:0 0 20px var(--teal-glow);animation-duration:1.6s;animation-delay:-.4s}.auth-loading-text{color:var(--teal-dark);text-align:center;letter-spacing:.4px;margin:0;font-size:1.15rem;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.auth-loading-spinner{width:52px;height:52px}.auth-loading-spinner:before,.auth-loading-spinner:after{border-width:5px}}