#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:auto !important;background:radial-gradient(circle at center,rgba(0,180,219,1) 0%,rgba(0,131,176,1) 50%,rgba(0,82,135,1) 100% ) !important}.login-boxes.login-boxes-new2{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 15px;background:none !important;box-sizing:border-box;font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;pointer-events:none}.login-boxes.login-boxes-new2 .container{max-width:1060px !important;pointer-events:none}.login-boxes.login-boxes-new2 .row,.login-boxes.login-boxes-new2 .col-sm-12{pointer-events:none}.login-form-page{width:100% !important;max-width:980px !important;margin:0 auto !important;background:#ffffff;border-radius:24px;box-shadow:0 25px 60px -15px rgba(0,0,0,0.35),0 10px 25px -5px rgba(0,0,0,0.15);display:flex;flex-direction:row-reverse;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,0.4);padding:12px;box-sizing:border-box;min-height:540px;pointer-events:auto}.login-form-page-left{float:none !important;width:50% !important;padding:32px 38px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;background:#ffffff;position:relative;z-index:2}.login-form-page-left form{float:none !important;width:100% !important;padding:0 !important;margin:0 !important;text-align:left}.login-form-page-left .login-form-box{float:none !important;width:100% !important;padding:0 !important}.login-brand-logo{text-align:center;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.brand-logo-img{height:56px !important;max-height:56px !important;width:auto !important;object-fit:contain !important;display:inline-block !important;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1)}.brand-logo-img:hover{transform:scale(1.05)}.welcome-header{text-align:center;margin-bottom:20px}.welcome-subtitle{display:block;font-size:14px;font-weight:500;color:#64748b;margin-bottom:4px;letter-spacing:0.2px}.welcome-title{font-size:28px !important;font-weight:800 !important;color:#0f172a !important;letter-spacing:-0.5px;margin:0 !important;line-height:1.2}#msform{position:relative;width:100%;margin-bottom:10px}#msform fieldset{background:transparent;border:0 none;border-radius:0;box-shadow:none;padding:0;box-sizing:border-box;width:100%;position:relative}#msform fieldset:not(:first-of-type){display:none}.form-label-custom{display:block;font-size:13.5px;font-weight:600;color:#334155;margin-bottom:8px;text-align:left;letter-spacing:0.1px}.input-field-wrapper{position:relative;width:100%;margin-bottom:16px}.form-control-custom{width:100% !important;height:48px !important;background-color:#f8fafc !important;border:1.5px solid #e2e8f0 !important;border-radius:12px !important;padding:10px 45px 10px 16px !important;font-size:14.5px !important;font-weight:450 !important;color:#0f172a !important;outline:none !important;box-shadow:none !important;box-sizing:border-box !important;transition:all 0.25s ease !important}.form-control-custom:focus{background-color:#ffffff !important;border-color:#2563eb !important;box-shadow:0 0 0 4px rgba(37,99,235,0.12) !important}.form-control-custom::placeholder{color:#94a3b8;font-size:14px}.input-icon-right{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#64748b;font-size:16px;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:color 0.2s ease}.input-field-wrapper:focus-within .input-icon-right{color:#2563eb}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;outline:none;color:#64748b;font-size:17px;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;user-select:none;z-index:10}.password-toggle-btn i{pointer-events:none !important}.password-toggle-btn:focus{outline:none;color:#2563eb;background-color:rgba(37,99,235,0.08)}.password-toggle-btn:hover{color:#2563eb;background-color:rgba(37,99,235,0.08)}.password-toggle-btn:active{transform:translateY(-50%) scale(0.92)}.form-options-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px;margin-bottom:20px}.custom-checkbox-label{display:inline-flex;align-items:center;cursor:pointer;margin:0;user-select:none}.custom-checkbox-label input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom-box{width:18px;height:18px;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:5px;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0}.custom-checkbox-label input[type="checkbox"]:checked ~ .checkbox-custom-box{background-color:#2563eb;border-color:#2563eb}.custom-checkbox-label input[type="checkbox"]:checked ~ .checkbox-custom-box::after{content:"";width:5px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.checkbox-text{font-size:13px;color:#475569;font-weight:500}.forgot-link-wrap a.forgot-link{font-size:13px !important;font-weight:600 !important;color:#4f46e5 !important;text-decoration:none !important;transition:color 0.2s ease,text-decoration 0.2s ease}.forgot-link-wrap a.forgot-link:hover{color:#3730a3 !important;text-decoration:underline !important}.btn-primary-custom,.action-button.continue,.continue{width:100% !important;height:48px !important;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%) !important;border:none !important;border-radius:12px !important;color:#ffffff !important;font-size:14.5px !important;font-weight:700 !important;letter-spacing:0.6px !important;text-transform:uppercase !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;margin-top:8px !important;margin-bottom:0 !important;box-shadow:0 4px 14px rgba(37,99,235,0.28) !important;transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;outline:none !important;text-decoration:none !important}.btn-primary-custom:hover,.action-button.continue:hover,.continue:hover{background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%) !important;color:#ffffff !important;transform:translateY(-2px) !important;box-shadow:0 8px 22px rgba(37,99,235,0.38) !important}.btn-primary-custom:active,.action-button.continue:active,.continue:active{transform:translateY(0) !important;box-shadow:0 2px 8px rgba(37,99,235,0.25) !important}.step2-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.back-btn-custom,.back-button,#login_back_button{width:36px;height:36px;background:#f1f5f9 !important;border:1.5px solid #e2e8f0 !important;border-radius:10px !important;color:#334155 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;font-size:14px !important;padding:0 !important;margin:0 !important;position:static !important;transition:all 0.2s ease !important}.back-btn-custom:hover,.back-button:hover,#login_back_button:hover{background:#e2e8f0 !important;color:#0f172a !important;border-color:#cbd5e1 !important;transform:translateX(-2px)}.step-indicator{font-size:12px;font-weight:600;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:20px;letter-spacing:0.3px}.inactive-account-card{text-align:center;padding:10px 5px 20px}.inactive-icon-circle{width:60px;height:60px;background:#fef2f2;color:#ef4444;font-size:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}.inactive-account-card h3{font-size:14px;color:#64748b;font-weight:600;margin-bottom:4px}.inactive-account-card h2{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:12px}.inactive-account-card p{font-size:13.5px;color:#64748b;line-height:1.5;margin-bottom:18px}.btn-resend-verify{background:#f59e0b;color:#ffffff;border:none;border-radius:10px;font-size:14px;font-weight:600;padding:10px 20px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(245,158,11,0.25)}.btn-resend-verify:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 6px 16px rgba(245,158,11,0.35)}.otp-verification-card{text-align:center;padding:5px 0 10px}.otp-icon-circle{width:52px;height:52px;background:#eff6ff;color:#2563eb;font-size:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.otp-verification-card h4{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:6px}.otp-desc{font-size:13px;color:#64748b;line-height:1.5;margin-bottom:16px}.form-control-otp,#login_otp_input{width:100%;height:50px;text-align:center;font-size:22px;font-weight:700;letter-spacing:10px;border-radius:12px;border:1.5px solid #cbd5e1;background:#f8fafc;color:#0f172a;outline:none;box-shadow:none;transition:all 0.25s ease}.form-control-otp:focus,#login_otp_input:focus{border-color:#2563eb;background:#ffffff;box-shadow:0 0 0 4px rgba(37,99,235,0.12)}.otp-resend-row{margin-top:14px;font-size:13px;color:#64748b}.resend-otp-link,#btn_resend_login_otp{color:#2563eb !important;font-weight:600 !important;text-decoration:none !important;margin-left:4px}.resend-otp-link:hover,#btn_resend_login_otp:hover{text-decoration:underline !important}.otp-timer{color:#94a3b8;font-size:12px;margin-left:4px}.register-prompt{text-align:center;margin-top:22px;font-size:14px;color:#64748b}.register-prompt .register-now-link,.login-boxes form .login-form-box h6.regi a{color:#4f46e5 !important;font-weight:700 !important;text-decoration:none !important;margin-left:4px;font-size:14px !important;display:inline !important;transition:color 0.2s ease,text-decoration 0.2s ease}.register-prompt .register-now-link:hover,.login-boxes form .login-form-box h6.regi a:hover{color:#3730a3 !important;text-decoration:underline !important}.login-form-page-right{float:none !important;width:50% !important;border-radius:18px;background:linear-gradient(135deg,#091e3a 0%,#0d2a52 50%,#08172c 100%);overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);height:100%;min-height:540px;align-self:stretch}.login-form-page-right #main-carousel,.login-form-page-right .carousel{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;min-height:100% !important;border-radius:18px;overflow:hidden;margin:0 !important;padding:0 !important}.login-form-page-right .carousel-inner{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;min-height:100% !important;background:transparent !important;border-radius:18px;overflow:hidden !important;margin:0 !important;padding:0 !important}.login-form-page-right .carousel-item{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;min-height:100% !important;display:none !important;float:none !important;margin:0 !important;padding:0 !important;overflow:hidden;border-radius:18px;transition:transform 0.6s cubic-bezier(0.25,0.1,0.25,1) !important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.login-form-page-right .carousel-item.active,.login-form-page-right .carousel-item-next,.login-form-page-right .carousel-item-prev{display:block !important}.login-form-page-right .carousel-item-next:not(.carousel-item-left){transform:translateX(100%) !important}.login-form-page-right .carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%) !important}.login-form-page-right .carousel-item-next.carousel-item-left,.login-form-page-right .carousel-item-prev.carousel-item-right{transform:translateX(0) !important}.login-form-page-right .active.carousel-item-left{transform:translateX(-100%) !important}.login-form-page-right .active.carousel-item-right{transform:translateX(100%) !important}.login-form-page-right .carousel-item img,.login-form-page-right .carousel-item video{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;min-height:100% !important;max-height:100% !important;object-fit:cover !important;display:block !important;border-radius:18px}.hero-promo-slide{height:100%;min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 28px;text-align:center;color:#ffffff;box-sizing:border-box}.hero-promo-icon-wrap{width:68px;height:68px;background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:#ffffff;margin-bottom:18px;box-shadow:0 10px 25px rgba(0,0,0,0.2)}.hero-promo-title{font-size:22px;font-weight:800;color:#ffffff;margin-bottom:8px;letter-spacing:-0.3px;line-height:1.25}.hero-promo-desc{font-size:13.5px;color:#94a3b8;max-width:300px;margin-bottom:24px;line-height:1.45}.hero-feature-badges{display:flex;align-items:center;justify-content:center;gap:14px}.feature-badge-item{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#ffffff;box-shadow:0 8px 16px rgba(0,0,0,0.25);transition:transform 0.25s ease}.feature-badge-item:hover{transform:translateY(-4px) scale(1.05)}.badge-photos{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.badge-likes{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)}.badge-profile{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.badge-chat{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}.login-form-page-right .carousel-indicators{bottom:24px !important;margin-bottom:0;gap:8px;z-index:10}.login-form-page-right .carousel-indicators li{width:26px;height:5px;border-radius:4px;background-color:rgba(255,255,255,0.35);border:none;transition:all 0.3s ease;cursor:pointer}.login-form-page-right .carousel-indicators li.active{width:40px;background-color:#ffffff}.user-profile-preview-card,.profile-home-left.edit-profil-prosanl{width:100% !important;height:100% !important;min-height:540px !important;background:linear-gradient(180deg,#0d2340 0%,#08172c 100%) !important;border-radius:18px !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;justify-content:flex-start !important;box-sizing:border-box !important;position:relative !important;border:none !important;margin:0 !important;padding:0 !important}.user-profile-preview-card .profile-cover-area,.pro-f-cover-img.lf-log-img{height:200px !important;width:100% !important;position:relative !important;overflow:hidden !important;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%) !important;border-radius:16px 16px 0 0 !important;flex-shrink:0 !important;margin:0 !important;padding:0 !important}.user-profile-preview-card .profile-cover-area img.cover-img,.cover_profilepic{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}.user-profile-preview-card .profile-cover-overlay{position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;height:60px !important;background:linear-gradient(to bottom,rgba(13,35,64,0) 0%,rgba(13,35,64,0.7) 100%) !important;pointer-events:none !important}.user-profile-preview-card .profile-details-area,.fro-f-imgs-login{padding:0 20px 24px !important;text-align:center !important;position:relative !important;margin-top:0 !important;width:100% !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;align-items:center !important;float:none !important}.user-profile-preview-card .avatar-wrapper,.profile-avatar-wrap{margin-top:-48px !important;margin-bottom:12px !important;position:relative !important;z-index:10 !important;display:flex !important;justify-content:center !important;align-items:center !important;width:100% !important}.user-profile-preview-card .avatar-circle,.fro-f-imgs-login .fofil-dtl-img,.fro-f-imgs .fofil-dtl-img{width:96px !important;height:96px !important;border-radius:50% !important;border:4px solid #ffffff !important;box-shadow:0 8px 24px rgba(0,0,0,0.35) !important;display:inline-block !important;overflow:hidden !important;background:#ffffff !important;position:relative !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;margin:0 auto !important;box-sizing:border-box !important;flex-shrink:0 !important}.user-profile-preview-card .avatar-circle img,.fro-f-imgs-login .fofil-dtl-img img,.fro-f-imgs .fofil-dtl-img img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border-radius:50% !important}.user-profile-preview-card .display-user-name,.user-display-name,.fro-f-imgs-login h3{font-size:20px !important;font-weight:700 !important;color:#ffffff !important;margin:0 0 4px 0 !important;letter-spacing:-0.2px !important;text-align:center !important;text-transform:capitalize !important;line-height:1.3 !important}.user-profile-preview-card .display-user-occupation,.user-display-occupation,.fro-f-imgs-login h5{font-size:13.5px !important;font-weight:500 !important;color:#94a3b8 !important;margin:0 0 20px 0 !important;text-align:center !important;line-height:1.2 !important}.user-profile-preview-card .profile-stats-grid,.log-ulist{display:flex !important;list-style:none !important;padding:0 !important;margin:0 !important;gap:12px !important;justify-content:center !important;width:100% !important;background:transparent !important;border-radius:0 !important;box-shadow:none !important;box-sizing:border-box !important}.user-profile-preview-card .profile-stats-grid li,.log-ulist li{flex:1 !important;background:rgba(255,255,255,0.09) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.14) !important;border-radius:14px !important;padding:14px 8px !important;margin:0 !important;text-align:center !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;transition:all 0.25s ease !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important}.user-profile-preview-card .profile-stats-grid li:hover,.log-ulist li:hover{background:rgba(255,255,255,0.16) !important;transform:translateY(-3px) !important;box-shadow:0 6px 16px rgba(0,0,0,0.25) !important}.user-profile-preview-card .stat-icon-badge,.log-ulist .stat-icon-badge{font-size:18px !important;color:#38bdf8 !important;margin-bottom:6px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:34px !important;height:34px !important;border-radius:50% !important;background:rgba(56,189,248,0.15) !important}.log-ulist .icon{font-size:18px !important;color:#38bdf8 !important;display:inline-block !important;background:transparent !important;padding:0 !important;width:auto !important;height:auto !important;margin:0 !important}.user-profile-preview-card .stat-count-value,.log-ulist .frd-no{display:block !important;font-size:18px !important;font-weight:800 !important;color:#ffffff !important;margin-bottom:3px !important;line-height:1.2 !important;text-shadow:0 1px 2px rgba(0,0,0,0.3) !important}.user-profile-preview-card .stat-text-label,.log-ulist .frd{display:block !important;font-size:11px !important;font-weight:600 !important;color:#94a3b8 !important;text-transform:uppercase !important;letter-spacing:0.6px !important;line-height:1.2 !important}.modal-content.shadow-lg.border-0{border-radius:20px;overflow:hidden;border:none !important}#flashModalHeader{background-color:#1e3a8a !important;padding:16px 20px}#flashMessageLabel{color:#ffffff;font-size:17px;font-weight:600;margin:0}#flashMessageText{color:#334155;font-size:14.5px;margin:0}#flashModalBtn{background-color:#2563eb;color:#ffffff;border-radius:10px;font-weight:600;padding:8px 24px}@media (max-width:900px){.login-form-page{flex-direction:column;max-width:480px;min-height:auto}.login-form-page-left{width:100% !important;padding:30px 24px}.login-form-page-right{width:100% !important;min-height:240px;border-radius:16px 16px 0 0}.login-form-page-right #main-carousel,.login-form-page-right .carousel-inner,.login-form-page-right .carousel-item,.hero-promo-slide{min-height:240px !important}.hero-promo-slide{padding:24px 16px}.hero-promo-icon-wrap{width:50px;height:50px;font-size:24px;margin-bottom:12px}.hero-promo-title{font-size:18px;margin-bottom:6px}.hero-promo-desc{font-size:12.5px;margin-bottom:16px}.feature-badge-item{width:40px;height:40px;font-size:18px}}@media (max-width:480px){.login-boxes.login-boxes-new2{padding:15px 10px}.login-form-page{border-radius:20px;padding:8px}.login-form-page-left{padding:20px 14px}.brand-logo-img{height:48px !important;max-height:48px !important}.welcome-title{font-size:22px !important}.welcome-subtitle{font-size:12.5px}.form-control-custom{height:44px !important;font-size:13.5px !important}.btn-primary-custom,.action-button.continue,.continue{height:44px !important;font-size:13.5px !important}.login-form-page-right{display:none}}