/*
 * Night home treatment for branded instances.
 * This file intentionally changes palette and compositing only; all layout,
 * sizing, typography and motion remain owned by portal-home.css.
 */

body.xb-home,
body.xb-home .xb-shell,
body.xb-home .xb-frame {
  background: #03080d;
  color: #ffffff;
}

body.xb-home .xb-atmosphere {
  background:
    radial-gradient(ellipse 78% 52% at 48% 38%, rgba(15, 118, 110, 0.24), transparent 70%),
    radial-gradient(ellipse 58% 42% at 72% 72%, rgba(14, 165, 233, 0.16), transparent 68%),
    #03080d !important;
}

body.xb-home .xb-video {
  filter: none;
}

body.xb-home .xb-video-shade {
  background:
    linear-gradient(180deg, rgba(2, 8, 13, 0.30) 0%, rgba(2, 8, 13, 0.08) 42%, rgba(1, 6, 11, 0.54) 100%),
    radial-gradient(ellipse at center, transparent 38%, rgba(1, 7, 12, 0.30) 100%);
}

body.xb-home .xb-brand,
body.xb-home .xb-brand-text,
body.xb-home .xb-center h1,
body.xb-home .xb-col p,
body.xb-home .xb-mid-title {
  color: #ffffff;
}

body.xb-home .xb-center h1 {
  text-shadow: 0 3px 20px rgba(0, 0, 0, 0.52);
}

body.xb-home .xb-logo {
  fill: #20d7a4;
}

body.xb-home .xb-side-copy {
  color: rgba(235, 255, 249, 0.86);
}

body.xb-home .xb-side-label,
body.xb-home .xb-mid-links a {
  color: rgba(226, 255, 246, 0.78);
}

body.xb-home .xb-side-num {
  color: rgba(218, 249, 240, 0.58);
}

body.xb-home .xb-dots span {
  border-color: rgba(71, 235, 190, 0.72);
}

body.xb-home .xb-mid-links a:hover {
  color: #70f4ce;
}

body.xb-home .xb-btn-solid,
body.xb-home .xb-btn-sm,
body.xb-home .xb-mini,
body.xb-home .xb-cs-float {
  background: linear-gradient(135deg, #10b981 0%, #0f8f7b 100%);
  color: #ffffff;
  box-shadow: 0 10px 30px rgba(5, 150, 105, 0.24);
}

body.xb-home .xb-btn-solid:hover,
body.xb-home .xb-btn-sm:hover,
body.xb-home .xb-cs-float:hover,
body.xb-home .xb-cs-float:focus-visible {
  background: linear-gradient(135deg, #24d49d 0%, #11a58c 100%);
  color: #ffffff;
}

body.xb-home .xb-btn-border {
  background: linear-gradient(135deg, #34e6b3 0%, #23bfa1 100%);
  color: #dffff6;
}

body.xb-home .xb-btn-border::before {
  background: rgba(3, 13, 18, 0.82);
}

body.xb-home .xb-btn-border:hover {
  background: linear-gradient(135deg, #65f2c9 0%, #31d5b3 100%);
}

body.xb-home .xb-cs-modal-backdrop {
  background: rgba(0, 5, 10, 0.72);
}

body.xb-home .xb-cs-modal-panel {
  border-color: rgba(77, 226, 184, 0.34);
  background: rgba(4, 14, 20, 0.96);
  color: #f2fffb;
}

body.xb-home .xb-cs-modal-close {
  background: transparent;
  color: rgba(230, 255, 248, 0.72);
}

body.xb-home .xb-cs-modal-close:hover {
  color: #70f4ce;
}