
:root{
  --ci-orange:#F57C00;
  --ci-green:#2E7D32;
  --ci-dark:#1b1f23;
  --ci-muted:#6c757d;
  --ci-bg:#f5f7fb;
}
html,body{height:100%;}
body{
  background: linear-gradient(135deg, var(--ci-orange), var(--ci-green));
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.auth-wrapper{
  width:100%;
  max-width: 980px;
  margin: 24px;
}
.brand-card{
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.25);
  backdrop-filter: blur(10px);
  border-radius: 24px;
  color:#fff;
}
.brand-card .brand-tag{
  display:inline-block;
  background: rgba(255,255,255,0.16);
  padding:6px 10px;
  font-size:.75rem;
  border-radius:999px;
}
.form-card{
  background:#fff;
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  border: 1px solid #eef1f6;
}
.form-card .form-control{
  padding: .9rem 1rem;
  border-radius: 12px;
}
.form-card .btn{
  padding: .9rem 1rem;
  border-radius: 12px;
}
.small-muted{color: var(--ci-muted);}
.text-gradient{
  background: linear-gradient(90deg, var(--ci-orange), var(--ci-green));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.footer-note{
  color:#f1f3f8;
  font-size:.85rem;
}
.logo{
  max-height:56px;
}
@media (max-width: 991px){
  .brand-card{ margin-bottom: 16px; }
}
