:root{
  --brand: #ff6900;
  --brand-hover: #e85e00;
  --brand-active: #cc5300;
  --bg-soft: #f7f7f8;
}

body{
  background: radial-gradient(1000px 600px at 80% -10%, #ffe9d9 0%, rgba(255,255,255,0) 60%),
              radial-gradient(900px 500px at -10% 120%, #ffe1cc 0%, rgba(255,255,255,0) 60%),
              var(--bg-soft);
  min-height: 100vh;
}

.text-brand{ color: var(--brand); }

.login-card{
  width: 100%;
  max-width: 420px;
  border-radius: 1rem;
}

.btn-brand{
  background: var(--brand);
  color: #fff;
  border: none;
  padding: .8rem 1rem;
  font-weight: 600;
  border-radius: .75rem;
  transition: background 0.2s ease;
}
.btn-brand:hover{ background: var(--brand-hover); color: #fff; }
.btn-brand:active{ background: var(--brand-active); }

.form-floating > .form-control{
  border-radius: .75rem;
  border: 1px solid #e5e7eb;
}
.form-control:focus{
  border-color: var(--brand-active);
  box-shadow: 0 0 0 .2rem rgba(255,105,0,.2);
}

.link-secondary:hover{ color: var(--brand); }

.card-footer{
  border-top: none;
  background-color: transparent;
}