:root{
  --dp-orange:#ff7a00;
  --dp-ink:#0b1220;
  --dp-muted:#6b7280;
}

.dp-auth2-body{
  min-height:100vh;
  background: #f3f4f6;
  color: var(--dp-ink);
  position: relative;
}

/* Background image with opacity */
.dp-auth2-body::before{
  content:"";
  position: fixed;
  inset: 0;
  background-image: url("../img/auth_bg_tlds.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .30; /* less intense */
  filter: saturate(.95) contrast(.95) blur(0px);
  pointer-events:none;
  z-index: 0;
}


.dp-auth2-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 64px 18px;
  position: relative;
  z-index: 1;
}

.dp-auth2-card{
  width: min(520px, 100%);
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(17,24,39,.10);
  border-radius: 18px;
  box-shadow: 0 30px 90px rgba(17,24,39,.14);
  overflow:hidden;
}

.dp-auth2-top{
  padding: 26px 28px 12px;
  text-align:center;
}

.dp-auth2-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color: var(--dp-ink);
  margin-bottom: 10px;
}
.dp-auth2-logo{ height: 30px; width:auto; }
.dp-auth2-brandtxt{ font-weight: 900; letter-spacing:.4px; }

.dp-auth2-title{
  font-weight: 900;
  letter-spacing: .2px;
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
}

.dp-auth2-sub{
  margin-top: 8px;
  color: var(--dp-muted);
  font-size: 13px;
  line-height: 1.45;
}

.dp-auth2-form{
  padding: 16px 28px 28px;
}

.dp-auth2-card .alert{
  border-radius: 14px;
  border: 1px solid rgba(17,24,39,.08);
  background: rgba(255,255,255,.7);
  color: #111827;
}

.dp-auth2-card .form-label{
  font-size: 11px;
  letter-spacing: .4px;
  color: rgba(17,24,39,.55);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.dp-auth2-card .form-control{
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid rgba(255,122,0,.38) !important;
  border-radius: 0 !important;
  padding: 12px 2px !important;
  color: #111827 !important;
}
.dp-auth2-card .form-control::placeholder{
  color: rgba(17,24,39,.35);
}
.dp-auth2-card .form-control:focus{
  box-shadow:none !important;
  border-bottom-color: var(--dp-orange) !important;
}

.dp-auth2-card .form-text{ color: rgba(17,24,39,.55); }

.dp-auth2-card .btn-orange{
  width:100%;
  border-radius: 14px;
  padding: 12px 14px;
  background: linear-gradient(180deg, #ff8a1a, #ff6a00);
  border: 0;
  color: #111827;
  font-weight: 900;
}
.dp-auth2-card .btn-orange:hover{
  filter: brightness(.98);
}

.dp-auth2-links{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top: 10px;
  font-size: 13px;
}
.dp-auth2-links a{
  color: rgba(17,24,39,.75);
  text-decoration:none;
}
.dp-auth2-links a:hover{ color:#111827; text-decoration:underline; }

.dp-auth2-muted{
  margin-top: 14px;
  font-size: 13px;
  color: rgba(17,24,39,.65);
}
.dp-auth2-muted a{
  color:#111827; text-decoration:none; font-weight:700;
}
.dp-auth2-muted a:hover{ text-decoration:underline; }

@media (max-width: 480px){
  .dp-auth2-wrap{ padding-top: 34px; }
  .dp-auth2-card{ border-radius: 16px; }
}


/* DOMEINBASE radius standard: 8px everywhere */
:root{
  --bs-border-radius: 8px;
  --bs-border-radius-sm: 8px;
  --bs-border-radius-lg: 8px;
  --bs-border-radius-xl: 8px;
  --bs-border-radius-xxl: 8px;
  --bs-border-radius-pill: 8px;
}
.rounded,
.rounded-0,
.rounded-1,
.rounded-2,
.rounded-3,
.rounded-4,
.rounded-5,
.card,
.btn,
.dropdown-menu,
.form-control,
.form-select,
.input-group-text,
.alert,
.modal-content,
.nav-tabs .nav-link,
.nav-pills .nav-link,
.dp-card,
.dp-tile,
.dp-metric-tile{
  border-radius: 8px !important;
}