.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99999;justify-content:center;align-items:center;padding:1rem;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none}.modal-box{background:#fff;border:2px solid var(--border-clr);border-radius:var(--radius-box);padding:2rem;max-width:400px;width:100%;position:relative;box-shadow:0 10px 35px rgba(0,0,0,.1)}.modal-close{position:absolute;top:.6rem;right:1rem;background:none;border:none;font-size:1.8rem;font-weight:bold;color:#000;cursor:pointer}@media (max-width: 480px){.modal-box{padding:1.5rem 1.2rem}.modal-close{top:.4rem;right:.6rem}}.auth-box{display:flex;flex-direction:column;background:#fff;width:100%;margin:0 auto;border-radius:20px}.auth-title{text-align:center;font-size:1.6rem;font-weight:700;margin-bottom:10px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:.9rem;font-weight:600;color:#111}.auth-input-wrap{display:flex;align-items:center;border:1.5px solid #ecedec;border-radius:10px;padding:0 10px;height:50px;transition:border-color 0.2s ease-in-out;position:relative}.auth-input-wrap:focus-within{border-color:#8B5CF6}.auth-icon{flex-shrink:0;fill:#999}.auth-input{flex:1;border:none;margin-left:10px;font-size:1rem;height:100%;outline:none}.auth-eye{position:absolute;right:10px;fill:#444;cursor:pointer;transition:fill 0.2s}.auth-eye:hover{fill:#000}.auth-remember{display:flex;justify-content:space-between;font-size:.9rem;align-items:center}.auth-link{color:#304bff;cursor:pointer;font-weight:500}.auth-submit{background-color:#000;color:#fff;border:none;border-radius:10px;height:50px;cursor:pointer;font-weight:600;transition:background 0.2s}.auth-submit:hover{background-color:#111}.auth-text{text-align:center;font-size:.9rem;color:#000}.auth-social{display:flex;gap:10px}#facebookLoginBtn i{color:#1877F2;font-size:20px}#googleLoginBtn{width:100%}.auth-btn{flex:1;border:1px solid #ecedec;border-radius:10px;height:50px;background:#fff;color:#111;cursor:pointer;transition:border 0.2s;font-weight:500;align-items:center;justify-content:center;gap:10px}.auth-btn-icon{height:20px;width:20px}.auth-btn:hover{border-color:#8B5CF6}@media (max-width: 480px){.auth-box{padding:15px}}.auth-input-wrap.invalid{border-color:#ff3571}.input-error-msg{color:#d90038;font-size:.98em;margin:5px 0 0 2px;min-height:18px;display:block;font-weight:500;line-height:1.5}