.auth-controls-external{position:fixed;top:2rem;right:2rem;z-index:1000}.auth-controls-wrapper{display:flex;gap:.5rem;align-items:center}.auth-controls-external .btn-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 12px #0000001a}html[data-bs-theme=light] .auth-controls-external .btn-icon{background:#fffffff2;border:1px solid rgba(0,0,0,.08)}html[data-bs-theme=dark] .auth-controls-external .btn-icon{background:#1c1d2ef2;border:1px solid rgba(255,255,255,.08)}.auth-controls-external .btn-icon:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.authentication-basic .authentication-inner{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:1}.auth-card-modern{max-width:700px;width:100%;border:1px solid;box-shadow:0 8px 32px #00000014;animation:cardFadeIn .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:visible}html[data-bs-theme=light] .auth-card-modern{background:#fffffff2!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:#00000014!important}html[data-bs-theme=dark] .auth-card-modern{background:#1c1d2ef2!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:#ffffff14!important}.auth-card-modern .card-body{position:relative;padding:2.5rem}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-particles{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.auth-particles span{position:absolute;width:20px;height:20px;background:linear-gradient(135deg,var(--bs-primary),var(--bs-warning));opacity:.15;border-radius:50%;animation:float 15s infinite ease-in-out;animation-delay:calc(var(--i) * -2s)}.auth-particles span:nth-child(1){left:10%;width:30px;height:30px}.auth-particles span:nth-child(2){left:30%;width:15px;height:15px}.auth-particles span:nth-child(3){left:50%;width:25px;height:25px}.auth-particles span:nth-child(4){left:70%;width:20px;height:20px}.auth-particles span:nth-child(5){left:85%;width:18px;height:18px}@keyframes float{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.15}50%{transform:translateY(-50vh) rotate(180deg);opacity:.15}90%{opacity:.15}}.auth-form-container{animation:slideInRight .6s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.auth-welcome-badge{display:inline-block;animation:iconPulse 2s ease-in-out infinite}.badge-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--bs-primary),var(--bs-primary-dark, var(--bs-primary)));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;box-shadow:0 4px 15px rgba(var(--bs-primary-rgb),.3)}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.auth-title{color:var(--bs-heading-color);animation:fadeInDown .5s ease-out .2s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-animated{animation:slideInDown .5s ease-out;border-radius:var(--bs-border-radius-lg)!important}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-group-animated{animation:fadeInUp .5s ease-out both;animation-delay:calc(var(--delay, 0) * .1s)}.form-group-animated:nth-child(1){--delay: 3}.form-group-animated:nth-child(2){--delay: 4}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--bs-secondary-color);font-size:1.25rem;z-index:5;transition:color .3s ease}.form-control-modern{padding-left:3rem!important;border-radius:var(--bs-border-radius-lg);transition:all .3s ease;border-width:2px}.form-control-modern:focus{border-color:var(--bs-primary);box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.15);transform:translateY(-2px)}.form-control-modern:focus~.input-icon,.input-wrapper:focus-within .input-icon{color:var(--bs-primary)}.form-password-toggle .input-wrapper .input-group{border-radius:var(--bs-border-radius-lg);overflow:hidden}.form-password-toggle .input-group-text{border-left:none;background:transparent}.toggle-password{transition:all .3s ease}.toggle-password:hover{background:var(--bs-primary-bg-subtle);color:var(--bs-primary)}.auth-link{color:var(--bs-primary);text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;font-weight:500}.auth-link:hover{color:var(--bs-primary);transform:translate(3px)}.btn-modern{position:relative;background:linear-gradient(135deg,var(--bs-primary),var(--bs-primary-dark, var(--bs-primary)));border:none;color:#fff;font-weight:600;padding:.875rem 2rem;border-radius:var(--bs-border-radius-lg);overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px rgba(var(--bs-primary-rgb),.3)}html[data-bs-theme=light] .btn-modern{background:linear-gradient(135deg,#5a4fcf,#4a3fb5)!important}html[data-bs-theme=dark] .btn-modern{background:linear-gradient(135deg,#4a3fb5,#3a2f95)!important}.btn-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--bs-primary-rgb),.4);color:#fff}.btn-modern:active{transform:translateY(0)}.btn-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.btn-shimmer{position:absolute;top:-50%;left:-100%;width:100%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}50%,to{left:150%}}.auth-footer-text{animation:fadeIn .5s ease-out .8s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-image-animated{animation:floatImage 6s ease-in-out infinite}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 1199.98px){.auth-particles{display:none}}@media (max-width: 767.98px){.authentication-basic .authentication-inner{padding:1rem}.auth-card-modern{max-width:100%}}@media (max-width: 575.98px){.auth-card-modern .card-body{padding:1.5rem!important}.badge-icon{width:50px;height:50px;font-size:24px}.auth-title{font-size:1.5rem}.form-control-modern{font-size:14px}}