.auth-modal{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:10000}.auth-modal-content{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:hsla(0,0%,100%,.1);border:2px solid #4a90e2;border-radius:20px;box-shadow:0 8px 32px 0 rgba(0,0,0,.1);left:50%;max-width:520px;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:10001}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 6rem)}.auth-box{aspect-ratio:1.2/1;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px 0 rgba(0,0,0,.1);max-width:480px;padding:3rem 2.5rem;width:100%}.auth-header{margin-bottom:1rem;text-align:center}.logo-wrapper{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:1rem;position:relative}.auth-logo{filter:drop-shadow(0 0 5px rgba(235,181,64,.5));height:100%;transition:all .3s ease;width:auto}.logo-glow{background:radial-gradient(circle,rgba(235,181,64,.2) 0,rgba(235,181,64,0) 70%);height:100%;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.welcome-text{color:#333;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.security-badge{align-items:center;background-color:rgba(235,181,64,.1);border-radius:50px;color:#555;display:flex;font-size:.8rem;justify-content:center;margin-bottom:1.5rem;padding:.5rem 1rem}.security-badge i{color:var(--bbf-gold);margin-right:.5rem}.auth-tabs{border-bottom:1px solid rgba(0,0,0,.1);display:flex;margin-bottom:1.25rem}.auth-tab{align-items:center;border-bottom:2px solid transparent;color:#555;cursor:pointer;display:flex;flex:1;font-weight:600;justify-content:center;min-height:48px;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease}.auth-tab.active{border-bottom:2px solid var(--bbf-gold);color:var(--bbf-gold)}.auth-tab:hover:not(.active){background-color:rgba(235,181,64,.05);color:var(--bbf-gold-hover)}.form-group{margin-bottom:1rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.input-with-icon{position:relative}.input-with-icon i{color:var(--bbf-gold);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input{border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:1rem;min-height:52px;padding:1.25rem 1.25rem 1.25rem 2.5rem;transition:all .3s ease;width:100%}.input-with-icon input:focus{border-color:var(--bbf-gold);box-shadow:0 0 0 2px rgba(235,181,64,.2);outline:none}.form-options{font-size:.9rem;justify-content:space-between;margin-bottom:1.5rem}.form-options,.remember-me{align-items:center;display:flex}.remember-me input{margin-right:.5rem}.forgot-password{color:var(--bbf-gold);text-decoration:none;transition:all .3s ease}.forgot-password:hover{color:var(--bbf-gold-hover);text-decoration:underline}.auth-submit-btn{align-items:center;background-color:var(--bbf-gold);border:none;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#000;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;justify-content:center;letter-spacing:.5px;min-height:48px;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.auth-submit-btn:hover{background-color:var(--bbf-gold-hover);box-shadow:0 6px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.btn-icon{margin-left:.5rem}.auth-message{color:#d32f2f;font-size:.9rem;margin-top:1rem;text-align:center}.close-modal{background:none;border:none;color:#555;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.close-modal:hover{color:#000}.tab-content{display:block}.tab-content.hidden{display:none}.checkbox-group{margin-top:1rem}.checkbox{align-items:center;display:flex;margin-bottom:.5rem}.checkbox input{margin-right:.5rem}.auth-success{align-items:center;background-color:hsla(0,0%,100%,.9);border-radius:20px;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .5s ease;visibility:hidden;width:100%;z-index:100}.auth-success.show{opacity:1;visibility:visible}.success-icon{color:#28a745;font-size:3rem;margin-bottom:1rem;transform:scale(0);transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.auth-success.show .success-icon{transform:scale(1)}.success-message{color:#333;font-size:1.5rem;font-weight:600;opacity:0;text-align:center;transform:translateY(20px);transition:all .5s ease .2s}.auth-success.show .success-message{opacity:1;transform:translateY(0)}.auth-modal-content.success-state{border-color:#28a745;box-shadow:0 0 15px rgba(40,167,69,.3)}.auth-modal-content.error-state{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;border-color:#dc3545;box-shadow:0 0 15px rgba(220,53,69,.3)}@keyframes shake{10%,90%{transform:translate3d(-1px,-50%,0)}20%,80%{transform:translate3d(2px,-50%,0)}30%,50%,70%{transform:translate3d(-4px,-50%,0)}40%,60%{transform:translate3d(4px,-50%,0)}}@media (max-width:768px){.auth-modal-content{max-width:90%}.auth-box{padding:2rem 1.5rem}}@media (max-width:480px){.auth-tabs{flex-direction:column}.auth-tab{border-bottom:none;border-left:2px solid transparent}.auth-tab.active{border-bottom:none;border-left:2px solid var(--bbf-gold)}}