.auth-modal.common-modal .modal-dialog{max-width:500px}@media (max-width:576px){.auth-modal.common-modal .modal-dialog{max-width:95%;margin:10px auto}}.auth-modal.common-modal .modal-content{border:none;border-radius:20px;box-shadow:0 20px 60px #00000026}.auth-modal.common-modal .modal-body{padding:30px}@media (max-width:576px){.auth-modal.common-modal .modal-body{padding:20px}}.auth-modal.common-modal .subcategory-modal-title{text-align:center;background:linear-gradient(90deg,#f06019 0%,#282485 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:10px}.auth-modal.common-modal .auth-modal-subtitle{color:#656b76;text-align:center;margin:0;font-size:16px}.auth-modal.common-modal .auth-form-container{position:relative;overflow:hidden}.auth-modal.common-modal .auth-form,.auth-modal.common-modal .forgot-form{opacity:0;filter:blur(2px);perspective:1000px;width:100%;transition:all .8s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0;transform:translate(100%)scale(.8)rotateY(15deg)}.auth-modal.common-modal .auth-form.active,.auth-modal.common-modal .active.forgot-form{opacity:1;filter:blur();position:relative;transform:translate(0)scale(1)rotateY(0)}.auth-modal.common-modal .auth-form.login-form,.auth-modal.common-modal .login-form.forgot-form{transform:translate(-100%)scale(.8)rotateY(-15deg)}.auth-modal.common-modal .auth-form.login-form.active,.auth-modal.common-modal .login-form.active.forgot-form{transform:translate(0)scale(1)rotateY(0)}.auth-modal.common-modal .auth-form.signup-form,.auth-modal.common-modal .signup-form.forgot-form{transform:translate(100%)scale(.8)rotateY(15deg)}.auth-modal.common-modal .auth-form.signup-form.active,.auth-modal.common-modal .signup-form.active.forgot-form{transform:translate(0)scale(1)rotateY(0)}.auth-modal.common-modal .auth-submit-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-bottom:25px;padding:15px;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.auth-modal.common-modal .form-group{margin-bottom:20px}.auth-modal.common-modal .form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}@media (max-width:576px){.auth-modal.common-modal .form-row{grid-template-columns:1fr;gap:20px}}.auth-modal.common-modal .input-group{background:#f8f9fa;border:2px solid #0000;border-radius:12px;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.auth-modal.common-modal .input-group:focus-within{box-shadow:none;background:#fff;border-color:#f06019}.auth-modal.common-modal .input-group .input-icon{color:#656b76;z-index:2;font-size:18px;transition:all .3s;position:absolute;left:15px}.auth-modal.common-modal .input-group input{color:#242b3a;background:0 0;border:none;outline:none;width:100%;padding:15px 15px 15px 50px;font-family:Nunito,sans-serif;font-size:16px}.auth-modal.common-modal .input-group input::placeholder{color:#656b76;opacity:.7}.auth-modal.common-modal .input-group input:focus+.input-icon{color:#f06019}.auth-modal.common-modal .input-group .password-toggle{color:#656b76;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex;position:absolute;right:15px}.auth-modal.common-modal .input-group .password-toggle:hover{color:#f06019}.auth-modal.common-modal .input-group .password-toggle svg{width:18px;height:18px}.auth-modal.common-modal .form-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px;display:flex}@media (max-width:576px){.auth-modal.common-modal .form-options{flex-direction:column;align-items:flex-start;gap:15px}}.auth-modal.common-modal .checkbox-container{cursor:pointer;color:#656b76;-webkit-user-select:none;user-select:none;align-items:center;font-size:14px;display:flex}.auth-modal.common-modal .checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.auth-modal.common-modal .checkbox-container .checkmark{background-color:#f8f9fa;border:2px solid #ddd;border-radius:4px;width:18px;height:18px;margin-right:8px;transition:all .3s;position:relative}.auth-modal.common-modal .checkbox-container .checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:none;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.auth-modal.common-modal .checkbox-container input:checked~.checkmark{background-color:#f06019;border-color:#f06019}.auth-modal.common-modal .checkbox-container input:checked~.checkmark:after{display:block}.forgot-password{color:#f06019;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.forgot-password:hover{color:#282485}.social-login{text-align:center;margin-bottom:25px}.social-login-text{color:#656b76;margin-bottom:15px;font-size:14px;position:relative}.social-login-text:before,.social-login-text:after{content:"";background:#e0e0e0;width:30%;height:1px;position:absolute;top:50%}.social-login-text:before{left:0}.social-login-text:after{right:0}.social-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.social-btn{color:#242b3a;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:500;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.social-btn:before{content:"";background:#0000001a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.social-btn:hover{background:#f060190d;border-color:#f06019;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 20px #00000026}.social-btn:hover:before{width:300px;height:300px}.social-btn:active{transform:translateY(-1px)scale(1.01)}.social-btn svg{width:16px;height:16px;transition:transform .3s}.social-btn:hover svg{transform:scale(1.2)}.social-btn.google-btn:hover{background:#db44370d;border-color:#db4437}.social-btn.facebook-btn:hover{background:#4267b20d;border-color:#4267b2}.auth-switch{text-align:center}.auth-switch p{color:#656b76;margin:0;font-size:14px}.auth-switch .switch-btn{color:#f06019;cursor:pointer;background:0 0;border:none;margin-left:5px;padding:0;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative}.auth-switch .switch-btn:hover{color:#282485}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:576px){.auth-modal.common-modal .auth-modal-container{max-width:100%;margin:10px}.auth-modal.common-modal .auth-modal-content{padding:25px 20px 20px}.auth-modal.common-modal .auth-modal-title{font-size:22px}.auth-modal.common-modal .auth-modal-subtitle{font-size:14px}.auth-modal.common-modal .auth-submit-btn{padding:12px;font-size:16px}.auth-modal.common-modal .input-group input{padding:12px 12px 12px 45px;font-size:16px}.auth-modal.common-modal .input-group .input-icon{font-size:16px;left:12px}.social-buttons{grid-template-columns:1fr}}.auth-modal .input-group input{padding:15px 15px 15px 50px}@media (max-width:576px){.auth-modal .input-group input{padding:12px 12px 12px 45px}}.auth-modal-content::-webkit-scrollbar{width:6px}.auth-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.auth-modal-content::-webkit-scrollbar-thumb{background:#f06019;border-radius:3px}.auth-modal-content::-webkit-scrollbar-thumb:hover{background:#282485}.otp-container{margin-bottom:25px}.otp-container .otp-label{color:#656b76;margin-bottom:12px;font-size:14px;font-weight:500;display:block}.otp-container .otp-inputs{justify-content:start;align-items:center;gap:12px;display:flex}@media (max-width:576px){.otp-container .otp-inputs{gap:8px}}.otp-container .otp-input{text-align:center;color:#242b3a;background:#fff;border:2px solid #e1e5e9;border-radius:12px;outline:none;width:50px;height:50px;font-size:20px;font-weight:600;transition:all .3s}.otp-container .otp-input:focus{box-shadow:none;background:#fff;border-color:#f06019}.otp-container .otp-input:not(:placeholder-shown){background:#fff;border-color:#f06019}@media (max-width:576px){.otp-container .otp-input{width:45px;height:45px;font-size:18px}}.forgot-header{text-align:center;margin-bottom:30px}.forgot-header h4{color:#242b3a;background:linear-gradient(90deg,#f06019 0%,#282485 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:24px;font-weight:600}.forgot-header p{color:#656b76;margin:0;font-size:14px;line-height:1.5}.forgot-header .back-btn{color:#656b76;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:-10px;left:0}.forgot-header .back-btn:hover{color:#f06019;background:#f0601900;transform:translate(-2px)}.forgot-footer{text-align:center;margin-top:20px}.forgot-footer .back-to-login{background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:0 auto;padding:8px 16px;transition:all .3s;display:flex}.forgot-footer .back-to-login svg{width:16px;height:16px}.resend-otp-btn{color:#f06019;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-top:15px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:underline;transition:all .3s}.resend-otp-btn:hover:not(:disabled){color:#c94b0d;background:#f060191a;text-decoration:none}.resend-otp-btn:disabled{color:#656b76;cursor:not-allowed;text-decoration:none}
