:root{
  --incam-primary:#0d6efd;
  --incam-grad-start:#0d6efd;
  --incam-grad-end:#12c2cf;
  --soft:#f3f7fc;
  --card:#ffffff;
}
*{box-sizing:border-box}
.bg-soft{background:linear-gradient(180deg, var(--soft), #fff 30%)}
.gradient{
  background: linear-gradient(90deg, var(--incam-grad-start), var(--incam-grad-end));
  border:0;
}
.btn.gradient:hover{opacity:.95}
.card-auth{
  border:0;
  border-radius:24px;
  background:var(--card);
  box-shadow:0 10px 30px rgba(13,110,253,.08), 0 2px 10px rgba(18,194,207,.06);
}
.input-lg{height:52px;font-size:1.05rem}
.logo-xl{height:56px}
.otp-input{width:52px;height:52px;border-radius:12px;text-align:center;font-size:1.25rem;margin-inline:6px}
@media (max-width: 420px){.otp-input{width:44px;height:44px}}