@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Oswald:wght@500;700&display=swap');

:root{
  --primary:#e31c2b;
  --bg-soft:#101010;
  --text:#ffffff;
  --muted:#9aa0a6;
  --border-soft:rgba(255,255,255,.08);
  --shadow-soft:none;
}

body{
  font-family:'Inter',sans-serif !important;
  background:#050505 !important;
  color:#fff !important;
}

.osl-header,
.osl-main-section,
.osl-auth-flow-section,
.osl-footer{
  background:#050505 !important;
  color:#fff !important;
}

.osl-header{
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.osl-main-section{
  background:
    radial-gradient(900px 600px at 80% 15%, rgba(227,28,43,.16), transparent 60%),
    radial-gradient(700px 500px at 10% 90%, rgba(227,28,43,.08), transparent 60%),
    #050505 !important;
}

.osl-main-title{
  font-family:'Oswald',sans-serif !important;
  color:#fff !important;
  font-size:clamp(44px,5vw,72px) !important;
  line-height:1 !important;
  letter-spacing:-1px !important;
  text-transform:uppercase !important;
  font-weight:700 !important;
}

.osl-main-title span,
.osl-footer-brand{
  color:#e31c2b !important;
}

.osl-auth-text,
.osl-step-panel p,
.osl-form-note,
.osl-footer-links a,
.osl-footer-right p{
  color:#9aa0a6 !important;
}

.osl-section-tag{
  background:rgba(227,28,43,.12) !important;
  color:#e31c2b !important;
  border:1px solid rgba(227,28,43,.24) !important;
}

.osl-auth-point,
.osl-step-form-wrap{
  background:#101010 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#fff !important;
  box-shadow:none !important;
}

.osl-step-form-wrap{
  border-radius:12px !important;
}

.osl-step-dot span{
  background:#151515 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
}

.osl-step-dot small{
  color:#9aa0a6 !important;
}

#step-1:checked ~ .osl-step-progress .osl-dot-1 span,
#step-2:checked ~ .osl-step-progress .osl-dot-2 span,
#step-3:checked ~ .osl-step-progress .osl-dot-3 span{
  background:#e31c2b !important;
  border-color:#e31c2b !important;
  color:#fff !important;
  box-shadow:none !important;
}

#step-1:checked ~ .osl-step-progress .osl-dot-1 small,
#step-2:checked ~ .osl-step-progress .osl-dot-2 small,
#step-3:checked ~ .osl-step-progress .osl-dot-3 small{
  color:#fff !important;
}

.osl-flow-icon,
.osl-step-panel .osl-flow-icon{
  background:#151515 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}

.osl-step-panel h3,
.osl-label,
.osl-check-item{
  color:#fff !important;
}

.osl-input,
.osl-otp-box{
  background:#0b0b0b !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}

.osl-input::placeholder{
  color:#9aa0a6 !important;
}

.osl-input:focus,
.osl-otp-box:focus{
  border-color:#e31c2b !important;
  box-shadow:0 0 0 3px rgba(227,28,43,.12) !important;
}

.osl-btn{
  background:#e31c2b !important;
  border:1px solid #e31c2b !important;
  color:#fff !important;
  border-radius:8px !important;
  box-shadow:none !important;
  font-weight:600 !important;
}

.osl-btn:hover{
  background:#ff3040 !important;
  border-color:#ff3040 !important;
}

.osl-btn-outline{
  background:transparent !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:8px !important;
}

.osl-btn-outline:hover{
  background:#e31c2b !important;
  border-color:#e31c2b !important;
  color:#fff !important;
}

.osl-link-btn,
.osl-inline-links a{
  color:#e31c2b !important;
}

.osl-check-item span{
  color:#fff !important;
}

.osl-check-item input[type="radio"],
.osl-check-item input[type="checkbox"]{
  accent-color:#e31c2b !important;
}

.osl-footer{
  border-top:1px solid rgba(255,255,255,.08) !important;
}

.osl-footer-links a:hover{
  color:#e31c2b !important;
}

@media(max-width:767px){
  .osl-mobile-bottom-nav{
    background:#101010 !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:none !important;
  }

  .osl-mobile-nav-item{
    color:#9aa0a6 !important;
  }

  .osl-mobile-nav-item.active{
    color:#fff !important;
  }

  .osl-mobile-nav-item.active .osl-mobile-nav-icon{
    background:rgba(227,28,43,.14) !important;
    color:#e31c2b !important;
  }

  .osl-mobile-nav-item.active .osl-mobile-nav-label{
    color:#fff !important;
  }
}