.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(6,10,20,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1200;opacity:0;pointer-events:none;transition:opacity .4s ease}.login-modal-overlay.open{opacity:1;pointer-events:auto}.login-modal-container{width:95%;max-width:440px;background:rgba(13,10,30,.9);border:1px solid rgba(191,90,255,.15);border-radius:24px;padding:24px 30px;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 40px rgba(191,90,255,.08);transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.34, 1.56, .64, 1);overflow:hidden;box-sizing:border-box}[dir=rtl] .login-modal-container{text-align:right}.login-modal-overlay.open .login-modal-container{transform:scale(1) translateY(0)}.login-modal-close{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:var(--text-muted);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}[dir=rtl] .login-modal-close{right:auto;left:20px}.login-modal-close svg{width:18px;height:18px;transition:transform .3s ease}.login-modal-close:hover{background:rgba(255,45,85,.1);border-color:rgba(255,45,85,.3);color:#ff2d55}.login-modal-close:hover svg{transform:rotate(90deg) scale(1.05)}.login-modal-content{display:flex;flex-direction:column;align-items:stretch;width:100%}.login-modal-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px;width:100%;margin-top:10px}[dir=rtl] .login-modal-header{align-items:flex-start;text-align:right}.login-modal-title{font-size:1.4rem;font-weight:var(--fw-bold);color:var(--text-white);margin-bottom:6px;width:100%}.login-modal-subtitle{font-size:.9rem;color:var(--text-muted);line-height:1.5;width:100%}.login-modal-form{display:flex;flex-direction:column;gap:14px;width:100%}.login-modal-container .form-group{display:flex;flex-direction:column;gap:6px;width:100%;text-align:start}[dir=rtl] .login-modal-container .form-group{text-align:right}.login-modal-container .form-group label{font-size:.9rem;font-weight:var(--fw-medium);color:var(--text-white)}.login-modal-container .label-row{display:flex;justify-content:space-between;align-items:center;width:100%}.login-modal-container .forgot-pass-link{font-size:.85rem;color:var(--accent-cyan);transition:all .3s ease}.login-modal-container .forgot-pass-link:hover{text-shadow:0 0 8px rgba(37,212,227,.4)}.login-modal-container .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.login-modal-container .input-wrapper input{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;padding-inline-start:44px;color:var(--text-white);font-size:.95rem;transition:all .3s ease;box-sizing:border-box}.login-modal-container .input-wrapper input:focus{border-color:var(--accent-cyan);background:rgba(255,255,255,.05);box-shadow:0 0 10px rgba(37,212,227,.15)}.login-modal-container .input-icon{position:absolute;inset-inline-start:16px;color:var(--text-muted);width:18px;height:18px;pointer-events:none;transition:color .3s ease}.login-modal-container .input-wrapper input:focus+.input-icon{color:var(--accent-cyan)}.login-modal-container .input-wrapper input:focus~.input-icon{color:var(--accent-cyan)}.login-modal-container .toggle-password-btn{position:absolute;inset-inline-end:16px;background:0 0;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .3s ease}.login-modal-container .toggle-password-btn:hover{color:var(--text-white)}.login-modal-container .toggle-password-btn svg{width:18px;height:18px}.login-modal-container .error-msg{color:var(--error-red);font-size:.8rem;min-height:14px;display:block;transition:opacity .3s ease;opacity:0}.login-modal-container .error-msg.visible{opacity:1}.login-modal-container .form-options{display:flex;align-items:center;width:100%}.login-modal-container .remember-me-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.9rem;color:var(--text-muted);user-select:none}.login-modal-container .checkbox-container{position:relative;display:inline-block;width:20px;height:20px;flex-shrink:0;margin-top:1px}.login-modal-container .checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.login-modal-container .checkbox-custom{position:absolute;top:0;left:0;width:20px;height:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:6px;transition:all .25s cubic-bezier(.4, 0, .2, 1);box-sizing:border-box}.login-modal-container .remember-me-label:hover .checkbox-custom{border-color:rgba(191,90,255,.3);background:rgba(255,255,255,.06)}.login-modal-container .checkbox-container input:checked~.checkbox-custom{background:var(--bg-purple);border-color:rgba(191,90,255,.4);box-shadow:0 0 10px rgba(191,90,255,.3)}.login-modal-container .checkbox-custom::after{content:"";position:absolute;display:none;left:7px;top:3px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.login-modal-container .checkbox-container input:checked~.checkbox-custom::after{display:block}.login-submit-btn{background:var(--bg-purple);color:var(--text-white);box-shadow:0 4px 15px rgba(123,44,191,.35);border:1px solid rgba(191,90,255,.2);width:100%;padding:14px 28px;border-radius:14px;font-weight:var(--fw-semibold);font-size:1.05rem;cursor:pointer;transition:all .3s ease;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center}.login-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(123,44,191,.55);border-color:rgba(191,90,255,.4)}.login-separator{display:flex;align-items:center;text-align:center;margin:14px 0;color:var(--text-gray);font-size:.85rem}.login-separator::after,.login-separator::before{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.06)}.login-separator::before{margin-inline-end:15px}.login-separator::after{margin-inline-start:15px}.social-logins{display:flex;gap:16px;width:100%}.social-login-btn{flex:1;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;color:var(--text-white);font-size:.95rem;font-weight:var(--fw-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.social-login-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);transform:translateY(-1px)}.social-icon{width:18px;height:18px}.login-modal-footer{display:flex;justify-content:center;gap:8px;margin-top:16px;font-size:.9rem;color:var(--text-muted)}.signup-link{color:var(--accent-cyan);font-weight:var(--fw-medium);transition:all .3s ease}.signup-link:hover{text-shadow:0 0 8px rgba(37,212,227,.4)}body.light-mode .login-modal-container{background:rgba(255,255,255,.95);border-color:rgba(25,30,58,.08);box-shadow:0 20px 50px rgba(25,30,58,.15),0 0 40px rgba(191,90,255,.04)}body.light-mode .login-modal-close{background:rgba(25,30,58,.03);border-color:rgba(25,30,58,.08);color:#191e3a}body.light-mode .login-modal-close:hover{background:rgba(255,45,85,.1);border-color:rgba(255,45,85,.3);color:#ff2d55}body.light-mode .login-modal-container .input-wrapper input{background:rgba(25,30,58,.03);border-color:rgba(25,30,58,.08);color:#191e3a}body.light-mode .login-modal-container .input-wrapper input:focus{background:rgba(25,30,58,.05);border-color:var(--accent-cyan)}body.light-mode .login-modal-container .checkbox-custom{background:rgba(25,30,58,.03);border-color:rgba(25,30,58,.08)}body.light-mode .login-modal-container .remember-me-label:hover .checkbox-custom{border-color:rgba(25,30,58,.2);background:rgba(25,30,58,.05)}body.light-mode .login-modal-container .checkbox-container input:checked~.checkbox-custom{background:#191e3a;border-color:rgba(25,30,58,.2);box-shadow:0 0 10px rgba(25,30,58,.15)}body.light-mode .login-submit-btn{background:#191e3a!important;color:#fff!important;box-shadow:0 6px 18px rgba(25,30,58,.2);border:1px solid rgba(25,30,58,.15)}body.light-mode .login-submit-btn:hover{background:#252c54!important;color:#fff!important;box-shadow:0 8px 22px rgba(25,30,58,.3)}body.light-mode .login-separator::after,body.light-mode .login-separator::before{border-bottom-color:rgba(25,30,58,.06)}body.light-mode .social-login-btn{background:rgba(25,30,58,.02);border-color:rgba(25,30,58,.06);color:#191e3a}body.light-mode .social-login-btn:hover{background:rgba(25,30,58,.05);border-color:rgba(25,30,58,.12)}