style.css

html, body, .gradio-container {
  min-height: 100vh !important;
  margin: 0 !important;
  background: #09111f !important;
}

body {
  background-image: url('https://huggingface.co/spaces/XRachel/bc5/assets/Bank%20Churn.png') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.gradio-container {
  background: transparent !important;
}

#main_panel {
  background: rgba(255,255,255,0.90);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 16px 40px rgba(0,0,0,0.30);
}

.soft-card {
  background: rgba(255,255,255,0.86);
  border-radius: 18px;
  padding: 12px;
}

.footer-note {
  opacity: 0.8;
  font-size: 0.92rem;
}