/* CyberAI Academy — body background-image IS the starfield wallpaper */
/* No opaque black underlay. Transparent page chrome. Light glass cards only. */

html {
  background: transparent !important;
  background-color: transparent !important;
}

body.galaxy-bg {
  background-color: transparent !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  min-height: 100vh;
}

/* Light veil only — stars remain visible (0.35–0.45). Not an opaque black layer. */
body.galaxy-bg .overlay {
  background: rgba(0, 0, 0, 0.38) !important;
  background-image: none !important;
  min-height: 100vh;
}

/* Transparent wraps so wallpaper shows between cards */
body.galaxy-bg .wrap,
body.galaxy-bg main,
body.galaxy-bg section,
body.galaxy-bg .container,
body.galaxy-bg .content,
body.galaxy-bg .page,
body.galaxy-bg .hero:not(.card) {
  background: transparent !important;
  background-color: transparent !important;
}

/* Semi-transparent glass — text readable; gaps show stars */
body.galaxy-bg header {
  background: rgba(0, 10, 20, 0.55) !important;
}
body.galaxy-bg footer {
  background: rgba(0, 10, 20, 0.45) !important;
}
body.galaxy-bg .card,
body.galaxy-bg .benefit-card,
body.galaxy-bg .course-card,
body.galaxy-bg .panel,
body.galaxy-bg .news-item,
body.galaxy-bg .course-rec,
body.galaxy-bg .pricing,
body.galaxy-bg .feature-box,
body.galaxy-bg .member-box {
  background: rgba(0, 10, 20, 0.55) !important;
}

@media (max-width: 900px) {
  body.galaxy-bg {
    background-attachment: scroll;
    background-size: cover;
  }
  body.galaxy-bg .overlay {
    background: rgba(0, 0, 0, 0.40) !important;
  }
}

body.galaxy-bg.bg-01 { background-image: url('bg/sf-01.jpg?v=5'); }
body.galaxy-bg.bg-02 { background-image: url('bg/sf-02.jpg?v=5'); }
body.galaxy-bg.bg-03 { background-image: url('bg/sf-03.jpg?v=5'); }
body.galaxy-bg.bg-04 { background-image: url('bg/sf-04.jpg?v=5'); }
body.galaxy-bg.bg-05 { background-image: url('bg/sf-05.jpg?v=5'); }
body.galaxy-bg.bg-06 { background-image: url('bg/sf-06.jpg?v=5'); }
body.galaxy-bg.bg-07 { background-image: url('bg/sf-07.jpg?v=5'); }
body.galaxy-bg.bg-08 { background-image: url('bg/sf-08.jpg?v=5'); }
body.galaxy-bg.bg-09 { background-image: url('bg/sf-09.jpg?v=5'); }
body.galaxy-bg.bg-10 { background-image: url('bg/sf-10.jpg?v=5'); }
body.galaxy-bg.bg-11 { background-image: url('bg/sf-11.jpg?v=5'); }
body.galaxy-bg.bg-12 { background-image: url('bg/sf-12.jpg?v=5'); }
body.galaxy-bg.bg-13 { background-image: url('bg/sf-13.jpg?v=5'); }
body.galaxy-bg.bg-14 { background-image: url('bg/sf-14.jpg?v=5'); }
body.galaxy-bg.bg-15 { background-image: url('bg/sf-15.jpg?v=5'); }
body.galaxy-bg.bg-16 { background-image: url('bg/sf-16.jpg?v=5'); }
body.galaxy-bg.bg-17 { background-image: url('bg/sf-17.jpg?v=5'); }
body.galaxy-bg.bg-18 { background-image: url('bg/sf-18.jpg?v=5'); }
body.galaxy-bg.bg-19 { background-image: url('bg/sf-19.jpg?v=5'); }
body.galaxy-bg.bg-20 { background-image: url('bg/sf-20.jpg?v=5'); }