.login-form-bg{--login-surface-tint:rgba(255,255,255,0.85);background-color:var(--login-surface-tint);transition:background-color .3s ease}html.dark-mode .login-form-bg{--login-surface-tint:rgba(5,13,26,0.8)}.login-page-bg{position:relative;background-color:transparent}.login-page-bg:before{content:"";position:fixed;top:-6vh;right:-6vw;bottom:-6vh;left:-6vw;z-index:0;pointer-events:none;background-image:url(/images/ess_abstract_waves.png);background-repeat:no-repeat;background-position:50% 100%;background-size:cover;transform-origin:50% 100%;mix-blend-mode:screen;opacity:.82;animation:app-bg-wave-motion 10s ease-in-out infinite alternate}html.dark-mode .login-page-bg:before{background-image:url(/images/ess_abstract_waves_dark_mode.png);mix-blend-mode:screen;opacity:.82;animation:app-bg-wave-motion-dark 11s ease-in-out infinite alternate}.login-page-bg>:not(.theme-toggle-wrap){position:relative;z-index:1}@media (prefers-reduced-motion:reduce){.login-page-bg:before{animation:none}}.login-dark-mode-toggle{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow);transition:all .3s ease}.login-dark-mode-toggle:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.login-nav-link{color:var(--text-secondary);font-size:14px;font-weight:400;transition:color .2s;padding:4px 0}.login-nav-link:hover{color:var(--text-primary)}.login-nav-link.active{color:#17c1e8;font-weight:600}.login-logo-img{width:100%;max-width:120px;height:auto;object-fit:contain;transition:opacity .3s ease}.login-brand{font-size:20px}.login-brand,.login-title{color:var(--text-primary);transition:color .3s ease}.form-floating{position:relative}.form-floating>label{color:var(--text-muted);transition:color .3s ease;background:transparent!important;opacity:1!important}.form-floating>label:after,.form-floating>label:before{display:none!important;background:transparent!important;opacity:0!important}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{color:var(--text-muted);background:transparent!important;opacity:1!important}.form-floating>.form-control:focus~label:after,.form-floating>.form-control:focus~label:before,.form-floating>.form-control:not(:placeholder-shown)~label:after,.form-floating>.form-control:not(:placeholder-shown)~label:before{display:none!important;background:transparent!important;opacity:0!important}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:0;border:none;background:none;color:var(--text-muted);font-size:16px;cursor:pointer;z-index:10;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;text-decoration:none}.password-toggle-btn:hover{color:var(--text-primary);background:none;text-decoration:none}.password-toggle-btn:focus{outline:none;box-shadow:none;text-decoration:none}.password-toggle-btn:active{text-decoration:none}.password-toggle-btn i{font-size:16px}.form-control{border-color:var(--border-color);border-radius:1rem;transition:all .3s ease}.form-control,.form-control:focus{background-color:var(--bg-primary);color:var(--text-primary)}.form-control:focus{border-color:var(--login-btn-color);box-shadow:0 0 0 .2rem var(--login-btn-focus-shadow)}.form-control::placeholder{color:var(--text-muted)}.form-check-label{color:var(--text-secondary);transition:color .3s ease}.btn-login{background:var(--login-btn-color);border:none;border-radius:1rem;font-weight:600;color:white;transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.2),0 2px 4px -1px rgba(0,0,0,.1)}.btn-login:hover:not(:disabled){background:var(--login-btn-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.15)}.signup-link{color:#17c1e8;font-weight:600;transition:color .2s}.signup-link:hover{color:#14b0d4}.text-muted{color:var(--text-muted)!important;transition:color .3s ease}.login-footer{transition:background-color .3s ease}.login-footer-copyright{flex:1 1}.login-footer-links{flex-shrink:0}.login-footer-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font:inherit;padding:0;text-align:inherit;transition:color .2s ease}.login-footer-link:hover{color:var(--text-primary)}.login-image-card{background-image:var(--kente-bg);background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:16px;box-shadow:0 20px 27px 0 var(--shadow);position:relative;overflow:hidden;min-height:300px;transition:box-shadow .3s ease}.login-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(195deg,rgba(66,66,74,.4),rgba(25,25,25,.6));border-radius:16px}.quote-title{font-size:32px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.quote-text{font-size:16px;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.2)}.quote-slideshow{position:relative;isolation:isolate;display:inline-block;max-width:520px}.quote-slideshow--ripple:before{content:"";position:absolute;inset:-24px -32px;z-index:-1;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.22) 0,rgba(255,255,255,.14) 18%,rgba(255,255,255,.06) 38%,rgba(255,255,255,0) 62%);transform:scale(.78);opacity:0;animation:quote-ripple .7s ease-out both;filter:blur(.2px)}.quote-slideshow--ripple .quote-text,.quote-slideshow--ripple .quote-title{animation:quote-fade-in .65s ease-out both}.quote-slideshow--ripple .quote-title{animation-delay:30ms}.quote-slideshow--ripple .quote-text{animation-delay:90ms}@keyframes quote-ripple{0%{opacity:0;transform:scale(.72)}20%{opacity:.9}to{opacity:0;transform:scale(1.12)}}@keyframes quote-fade-in{0%{opacity:0;transform:translateY(8px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media (prefers-reduced-motion:reduce){.quote-slideshow--ripple .quote-text,.quote-slideshow--ripple .quote-title,.quote-slideshow--ripple:before{animation:none!important}}@media (min-width:768px){.login-logo-img{max-width:144px}.login-brand{font-size:24px}}@media (min-width:992px){.login-image-card{min-height:calc(100vh - 48px)}.login-logo-img{max-width:168px}.login-brand{font-size:28px}}