.fr_welcome {min-height: 100vh;min-height: 100dvh;background-color: #fff;}
body.night-mode .fr_welcome {background-color: #0f1112;}

/*Sign Form*/
.fr_welcome_mid {margin: auto 0;}
.fr_welcome_sign {max-width: 540px;}
.fr_welcome_sign_head {text-align: center;}
.fr_welcome_sign_head h5 {display: none;}
.fr_welcome_sign .logo-wrapper {font-size: 20px;font-weight: 500;text-transform: uppercase;}
.fr_welcome_sign .logo-wrapper img {max-width: 150px;max-height: 45px;transform: translateZ(0px);}
.fr_welcome_sign img.logo-light {display: inline-block;}
body.night-mode .fr_welcome_sign img.logo-light {display: none;}
.fr_welcome_sign img.logo-dark {display: none;}
body.night-mode .fr_welcome_sign img.logo-dark {display: inline-block;}
.fr_auth_form {background-color: #fff;padding: 20px;border-radius: 30px;}
body.night-mode .fr_auth_form {background-color: #0f1112;}
.fr_welcome_title {font-family: 'Gilroy', Roboto, sans-serif;font-weight: 700;}
.fr_welcome_social .btn {border-radius: 14px;border: 2px solid #EFEFEF;padding: 10px 18px;gap: 14px;font-size: 14px;font-weight: 500;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.fr_welcome_social .btn:hover {background-color: #EFEFEF;}
body.night-mode .fr_welcome_social .btn {border-color: #323637;color: #fff;}
body.night-mode .fr_welcome_social .btn:hover {background-color: #323637;}
.fr_welcome_social .btn svg, .fr_welcome_social .btn img {width: 23px;height: 23px;flex: 0 0 auto;}
.fr_welcome_field {position: relative;display: block;margin: 0 0 20px;}
.fr_welcome_field input, .fr_welcome_field select {border-radius: 14px;border: 2px solid #EFEFEF;background-color: #EFEFEF;padding: 10px 55px;font-size: 14px;width: 100%;height: 56px;display: block;margin: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;transition: background-color .15s ease-in-out, border-color .15s ease-in-out;outline: none;}
.fr_welcome_field input:focus, .fr_welcome_field select:focus {border-color: var(--main-btn);background-color: #fff;}
body.night-mode .fr_welcome_field input, body.night-mode .fr_welcome_field select {border-color: #323637;background-color: #323637;color: #fff;}
body.night-mode .fr_welcome_field input:focus, body.night-mode .fr_welcome_field select:focus {border-color: var(--main-btn);background-color: #0f1112;}
.fr_welcome_field svg {top: 0;margin: 16px;opacity: 0.5;pointer-events: none;transition: color .15s ease-in-out, opacity .15s ease-in-out;width: 24px;height: 24px;}
.fr_welcome_field input:focus+svg, .fr_welcome_field select:focus+svg {opacity: 1;color: var(--main-btn);}
body.night-mode .custom-control-label::before {background-color: #0f1112;border-color: #6c7782;}
.fr_welcome_btn {border-radius: 14px;font-size: 17px;font-weight: 500;padding: 15px 18px;border: 0;}
.fr_welcome_switch {font-weight: 500;}
.fr_welcome_switch a {text-decoration: underline;text-underline-offset: 6px;}
.fr_welcome_field > .js_toggle-password {top: 0;right: 0;}

/*Right Side*/
.fr_welcome_bg {position: relative;}
.fr_welcome_bg_img {top: 0;right: 0;bottom: 0;left: 0;border-radius: 70px 0 0 70px;width: 100%;height: 100%;object-fit: cover;opacity: 1;}
.fr_welcome_img {position: relative;overflow: hidden;border-radius: 70px 0 0 70px;min-height: 700px;box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);}
.fr_welcome_img:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: var(--main-btn);opacity: 0.2;border-radius: 70px 0 0 70px;opacity: 0;}
.fr_welcome_img > .svg_blur {position: absolute;top: 0;left: 0;right: 0;opacity: 0.15;width: 100%;pointer-events: none;user-select: none;}
.fr_welcome_img > .svg_lines {position: absolute;bottom: 0;left: 0;right: 0;opacity: 0.2;width: 100%;pointer-events: none;user-select: none;color: #fff;height: auto;}
.fr_welcome_img_innr {background: linear-gradient(transparent, rgb(0 0 0 / 80%));padding: 150px 60px 60px;color: #fff;font-family: 'Gilroy', Roboto, sans-serif;}
.fr_welcome_img_innr h2 {line-height: 1.5;font-weight: 600;}
.fr_welcome_img_innr p {font-size: 16px;}
.mx-n2 {margin-left: -0.5rem;margin-right: -0.5rem;}

/*Footer*/
.fr_welcome_bottom .container {max-width: none;width: 100%;}
.fr_welcome_bottom .footer {margin: 0;border: 0;padding: 0;}

/* Enhanced Video Upload Progress */
.video-upload-progress {
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 10px;
}

body.night-mode .video-upload-progress {
  background: #0f1112;
}

.video-upload-progress-wrapper {
  position: relative;
}

.video-progress-bar {
  height: 8px;
  margin: 10px 0;
  background: #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

body.night-mode .video-progress-bar {
  background: #323637;
}

.video-progress-bar .progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  transition: width 0.3s ease;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-progress-bar .progress-bar .progress-text {
  position: absolute;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
  white-space: nowrap;
}

.video-progress-bar .progress-bar.bg-success {
  background: linear-gradient(90deg, #10b981 0%, #059669 100%);
}

.video-upload-status {
  font-size: 14px;
  color: #6b7280;
  margin-top: 8px;
  font-weight: 500;
  transition: all 0.3s;
}

body.night-mode .video-upload-status {
  color: #c1d4e3;
}

.video-upload-status.upload-success {
  color: #10b981;
  font-weight: 600;
}

/* Upload Notification Animation */
@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.upload-notification {
  animation: slideInRight 0.3s ease;
}
.fr_welcome_apps .huwei svg {background: #fff;border-radius: 6px;}



@media (max-width: 992px) {
.fr_welcome_img, .fr_welcome_bg_img {border-radius: 40px 0 0 40px;}
.fr_welcome_img, .fr_welcome_bg_img {min-height: 560px;}
.fr_welcome_img_innr {padding: 90px 30px 30px;}
}

@media (max-width: 900px) {
.fr_welcome_mid .row .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;position: static;}
.fr_welcome_sign {position: relative;z-index: 1;max-width: none;padding: 0 !important;}
.fr_welcome_sign_head {padding: 20px;}
.fr_welcome_sign_head h5 {display: block;margin: 20px 0 16px;font-size: 1.5rem;}
.fr_welcome_bg {position: static;}
.fr_welcome_bg_img, .fr_welcome_img > .svg_blur, .fr_welcome_img_innr h5, .fr_welcome_img_innr h2, .fr_welcome_img_innr p {display: none;}
.fr_welcome_img {min-height: auto;border-radius: 0;position: static;box-shadow: none;}
.fr_welcome_img:before {opacity: 0.2;border-radius: 0;margin-top: -1.5rem;bottom: auto;height: 180px;}
.fr_welcome_img > .svg_lines {bottom: auto;top: 0;color: var(--main-btn);margin-top: -1.5rem;height: 180px;width: auto;opacity: 0.3;}
.fr_welcome_img_innr {padding: 20px;background: transparent;color: inherit;}
.fr_welcome_apps {text-align: center;scale: 0.85;margin: 0 !important;}
}