:root {
  --aqua: #39c8ff;
  --violet: #842cff;
  --coral: #ff315e;
  --lime: #ffd56a;
  --orion-ink: #03030d;
  --orion-navy: #070b27;
  --orion-purple: #35106c;
  --orion-gold: #ffd56a;
  --orion-red: #ff2f50;
}

body {
  background:
    radial-gradient(circle at 78% 7%, rgba(121, 39, 255, .24), transparent 30%),
    radial-gradient(circle at 12% 30%, rgba(22, 126, 255, .12), transparent 28%),
    linear-gradient(180deg, #03030d, #080a24 46%, #03020c);
  color: #f8f3df;
}
main { display: flex; flex-direction: column; }
.hero { order: -2; }
.top-game-marquee { order: -1; }

.site-header {
  background: linear-gradient(90deg, rgba(3, 3, 14, .98), rgba(22, 8, 55, .97), rgba(4, 7, 28, .98));
  border-bottom: 1px solid rgba(255, 204, 83, .42);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .38), inset 0 -1px rgba(98, 83, 255, .16);
}
.site-header .juwa-brand { width: 330px; height: 124px; overflow: visible; }
.site-header .juwa-brand img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 15px rgba(135, 54, 255, .32)); }
.trust-strip.casino-status {
  background: linear-gradient(100deg, #ece8ff, #fff8dc 44%, #e2f4ff);
  color: #17132c;
  border-color: #d9aa43;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .24), inset 0 0 0 1px rgba(255, 255, 255, .76);
}
.trust-strip.casino-status > strong,
.trust-strip.casino-status > span:not(.live-dot) {
  color: #fff7dc;
  background: linear-gradient(145deg, #35126e, #090a26);
  border: 1px solid rgba(255, 199, 73, .78);
  box-shadow: inset 0 1px rgba(255, 255, 255, .11), 0 4px 12px rgba(13, 4, 38, .3);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .75);
}
.header-actions .btn-support,
.header-actions .btn-ghost {
  border-color: rgba(255, 202, 83, .5);
  background: rgba(75, 26, 146, .32);
  color: #fff0bd;
}
.header-actions .btn-support:hover,
.header-actions .btn-ghost:hover { background: rgba(105, 39, 196, .5); border-color: #5bc7ff; }
.header-actions .btn-primary {
  background: linear-gradient(115deg, #ffe17b, #c354ff 48%, #ff3156 78%, #ff9b36);
  color: #150722;
  box-shadow: 0 0 0 1px rgba(255, 231, 155, .48), 0 0 25px rgba(139, 48, 255, .28);
}

.hero {
  width: min(1450px, calc(100% - 38px));
  min-height: 285px;
  margin: 8px auto 4px;
  padding: 34px clamp(24px, 6vw, 92px) 48px;
  grid-template-columns: 1fr;
  overflow: hidden;
  clip-path: polygon(0 0, calc(100% - 68px) 0, 100% 68px, 100% 100%, 68px 100%, 0 calc(100% - 68px));
  border-radius: 0;
  border: 1px solid rgba(255, 205, 86, .44);
  background:
    linear-gradient(90deg, rgba(3, 3, 15, .99) 0%, rgba(6, 7, 29, .92) 35%, rgba(16, 7, 44, .48) 61%, rgba(5, 5, 20, .12) 100%),
    url("assets/brand/orion777casino-hero-art.png") 67% center / cover no-repeat;
  box-shadow: 0 34px 70px rgba(0, 0, 0, .46), inset 0 0 68px rgba(102, 46, 255, .12);
}
.hero::after {
  content: "ORION7CASINO · PLAY AMONG THE STARS";
  position: absolute;
  left: clamp(24px, 6vw, 92px);
  bottom: 25px;
  color: rgba(255, 226, 139, .78);
  font: 800 11px/1.2 "Segoe UI", Arial, sans-serif;
  letter-spacing: .25em;
}
.hero-art { display: none !important; }
.hero-copy { max-width: 600px; margin: 0; z-index: 2; }
.hero h1,
.hero h1 em { font-family: Georgia, "Times New Roman", serif; }
.hero h1 { color: #fff9e5; font-size: clamp(38px, 4.4vw, 61px); line-height: .94; letter-spacing: -.045em; text-shadow: 0 3px 28px rgba(0, 0, 0, .9); }
.hero h1 em { color: #ffd96f; text-shadow: 0 0 28px rgba(133, 46, 255, .48), 0 2px 10px #000; }
.hero::before { display: none; }
.hero-copy > p:not(.eyebrow),
.hero .mini-proof,
.hero-game-showcase { display: none; }
.hero-copy .eyebrow { margin-bottom: 14px; color: #78d8ff; letter-spacing: .2em; text-shadow: 0 0 17px rgba(62, 137, 255, .5); }

.top-game-marquee {
  width: min(1380px, calc(100% - 66px));
  margin: 4px auto 14px;
  border-radius: 18px;
  border-color: rgba(255, 197, 69, .4);
  background:
    radial-gradient(circle at 0 0, rgba(221, 46, 255, .2), transparent 30%),
    radial-gradient(circle at 100% 8%, rgba(29, 130, 255, .2), transparent 27%),
    linear-gradient(145deg, #25105c, #07091e 56%, #2a071d);
  box-shadow: 0 26px 60px rgba(0, 0, 0, .36), inset 0 0 0 1px rgba(255, 255, 255, .025);
}
.top-games-heading h2 { color: #fff5d5; }
.top-games-heading .eyebrow,
.platform-lanes-intro p,
.scrolling-platform-intro p { color: #ffca54; }
.top-games-heading a,
.top-games-hint { color: #72d8ff; }
.juwa-platform-lanes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.juwa-platform-lane {
  min-height: 0;
  padding: 22px;
  border-radius: 32px 7px 32px 7px;
  border-color: rgba(255, 199, 79, .4);
  background: linear-gradient(135deg, rgba(63, 21, 129, .94), rgba(5, 8, 27, .98) 58%, rgba(90, 8, 42, .78));
  box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 18px 34px rgba(0, 0, 0, .2);
}
.lane-two .lane-game-grid,
.lane-classic .lane-game-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-content: start;
  max-height: 460px;
  padding: 4px 8px 4px 2px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #a849ff rgba(5, 6, 25, .7);
}
.lane-game-grid::-webkit-scrollbar { width: 8px; }
.lane-game-grid::-webkit-scrollbar-track { background: rgba(5, 6, 25, .7); border-radius: 99px; }
.lane-game-grid::-webkit-scrollbar-thumb { background: linear-gradient(#6bcfff, #a849ff, #ff3d68); border-radius: 99px; }
.platform-lanes-intro { text-align: left; margin-left: 0; }
.platform-lanes-intro h2,
.scrolling-platform-intro h3 { color: #fff1c6; }
.platform-lanes-intro span,
.scrolling-platform-intro span { color: #c9c7e3; }
.lane-heading small { color: #76d5ff; }
.lane-heading h3 { color: #ffe092; }
.lane-icon-game { 
  width: 100%;
  max-width: 172px;
  justify-self: center;
  padding: 4px;
  border-color: rgba(255, 209, 102, .28);
  background: #06071a;
}
.lane-icon-game:hover { border-color: #ffd15b; box-shadow: 0 0 24px rgba(126, 48, 255, .38); }
.lane-cta,
.choice-button {
  background: linear-gradient(110deg, #ffe17a, #b747ff 48%, #ff3158 78%, #ff9a36);
  color: #150721;
  border-color: rgba(255, 234, 170, .62);
  box-shadow: 0 0 0 1px rgba(145, 65, 255, .2), 0 0 27px rgba(127, 48, 255, .27);
}

.signup-card {
  transform: none;
  border-radius: 40px 8px 40px 8px;
  border-color: rgba(255, 201, 82, .5);
  background:
    radial-gradient(circle at 100% 0, rgba(52, 132, 255, .22), transparent 34%),
    linear-gradient(150deg, rgba(56, 19, 119, .98), rgba(4, 7, 24, .99) 61%, rgba(83, 8, 42, .96));
  box-shadow: 0 32px 70px rgba(0, 0, 0, .48), inset 0 0 0 1px rgba(255, 255, 255, .035);
}
.signup-card.standalone-signup {
  order: 0;
  width: min(1240px, calc(100% - 66px));
  max-width: 1240px;
  margin: 2px auto 18px;
  padding: 24px 28px;
  display: grid;
  grid-template-columns: minmax(210px, 1.15fr) repeat(3, minmax(145px, 1fr));
  grid-template-rows: auto auto auto auto;
  gap: 8px 14px;
  border-radius: 18px;
  clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 34px, 100% 100%, 34px 100%, 0 calc(100% - 34px));
}
.signup-card.standalone-signup > .kicker { grid-column: 1; grid-row: 1; align-self: end; margin: 0; }
.signup-card.standalone-signup > h2 { grid-column: 1; grid-row: 2 / span 2; margin: 0; align-self: start; font-size: clamp(26px, 2.8vw, 40px); line-height: .95; }
.signup-card.standalone-signup > label:not(.check) { align-self: center; margin: 0; }
.signup-card.standalone-signup > label:nth-of-type(1) { grid-column: 2; grid-row: 1 / span 2; }
.signup-card.standalone-signup > label:nth-of-type(2) { grid-column: 3; grid-row: 1 / span 2; }
.signup-card.standalone-signup > label:nth-of-type(3) { grid-column: 4; grid-row: 1 / span 2; }
.signup-card.standalone-signup > .check { grid-column: 2 / span 2; grid-row: 3; margin: 0; }
.signup-card.standalone-signup > .btn { grid-column: 4; grid-row: 3; margin: 0; align-self: center; }
.signup-card.standalone-signup > small { grid-column: 1 / -1; grid-row: 4; text-align: center; margin-top: 3px; }
.signup-card h2 { color: #fff4d2; }
.signup-card h2 span,
.signup-card .kicker { color: #ffca55; }
.signup-card label,
.signup-card small { color: #d6d4eb; }
.signup-card input { background: rgba(2, 3, 16, .78); border-color: rgba(105, 162, 255, .3); color: #fff; }
.signup-card input:focus { border-color: #ffcb56; box-shadow: 0 0 0 3px rgba(255, 196, 64, .13); }
.signup-card .btn { background: linear-gradient(115deg, #ffe17b, #b84aff 48%, #ff3156 80%, #ff9c35); color: #160720; }

.reviews { background: linear-gradient(180deg, #f2efff, #f8edcf); color: #19142f; }
.review-card { border-color: rgba(74, 37, 144, .22); }
.games { background: linear-gradient(180deg, #12083b, #03040f); }
.fund-banner,
.final-cta { background: linear-gradient(110deg, #271268, #7030bd 45%, #b82262 76%, #e49b34); }
.site-footer { background: #02030d; border-top-color: rgba(255, 200, 75, .26); }

.login-dialog {
  border-color: rgba(255, 199, 72, .56);
  background:
    radial-gradient(circle at 50% 0, rgba(113, 42, 220, .28), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(255, 40, 88, .22), transparent 35%),
    linear-gradient(145deg, #25105a, #040617 66%, #29071d);
}
.login-choice,
.contact-choice { border-color: rgba(255, 206, 93, .3); background: linear-gradient(145deg, rgba(64, 23, 132, .75), rgba(3, 6, 21, .97)); }
.login-choice:hover,
.contact-choice:hover { border-color: #ffd25d; box-shadow: 0 0 26px rgba(126, 47, 255, .3); }
#xyz-support-root .support-launcher { border-color: #ffd15b; background: linear-gradient(110deg, #3420a0, #7834d0 45%, #e32665 78%, #f1a23b); }
#xyz-support-root .support-panel { border-color: rgba(255, 205, 88, .56); background: linear-gradient(160deg, #24115b, #030617 64%, #2a071d); }

body::before {
  background:
    radial-gradient(circle at 26% 44%, rgba(74, 91, 255, .24), transparent 30%),
    radial-gradient(circle at 76% 38%, rgba(207, 42, 255, .23), transparent 27%),
    linear-gradient(145deg, #02030d, #1c0c4b 55%, #19051b);
}
body::after {
  content: "PLAY AMONG THE STARS\A Preparing your Orion7Casino experience";
  white-space: pre;
  border-color: rgba(255, 202, 72, .68);
  background:
    url("assets/brand/orion7casino-logo.png?v=1") center 43% / 88% auto no-repeat,
    radial-gradient(circle at 50% 34%, rgba(113, 38, 230, .3), transparent 49%),
    linear-gradient(145deg, rgba(23, 8, 57, .98), rgba(3, 5, 17, .99) 65%, rgba(48, 5, 28, .98));
  color: #ffd363;
}

.footer-support-trigger,.footer-contact-trigger{border:0;color:inherit;font:inherit;cursor:pointer}.footer-support-trigger{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(147,201,255,.42);border-radius:50%;background:rgba(27,45,98,.35)}.footer-contact-trigger{padding:0;background:transparent;color:#9ed8ff;text-align:left}#xyz-support-root .support-launcher{min-width:216px;justify-content:flex-start;gap:12px}#xyz-support-root .support-launcher-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;white-space:nowrap}#xyz-support-root .support-launcher-copy small{color:#b9dcff;font-size:7px;font-weight:900;letter-spacing:.16em;line-height:1}

@media (max-width: 950px) {
  .hero { min-height: 270px; background-position: 62% center; }
  .hero-copy { max-width: 530px; }
  .signup-card.standalone-signup {
    grid-template-columns: minmax(190px, .9fr) repeat(2, minmax(150px, 1fr));
  }
  .signup-card.standalone-signup > label:nth-of-type(1) { grid-column: 2; }
  .signup-card.standalone-signup > label:nth-of-type(2) { grid-column: 3; }
  .signup-card.standalone-signup > label:nth-of-type(3) { grid-column: 2; grid-row: 3; }
  .signup-card.standalone-signup > .check { grid-column: 3; grid-row: 3; }
  .signup-card.standalone-signup > .btn { grid-column: 2 / span 2; grid-row: 4; }
  .signup-card.standalone-signup > small { grid-row: 5; }
  .lane-two .lane-game-grid,
  .lane-classic .lane-game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .site-header .juwa-brand { width: 220px; height: 72px; }
  .hero,
  .top-game-marquee { width: calc(100% - 22px); }
  .hero {
    min-height: 285px;
    padding: 30px 22px 48px;
    background:
      linear-gradient(180deg, rgba(3, 4, 18, .62), rgba(3, 4, 18, .95) 72%),
      url("assets/brand/orion777casino-hero-art.png") 68% center / cover no-repeat;
  }
  .hero h1 { font-size: clamp(36px, 11vw, 52px); }
  .hero::after { left: 22px; bottom: 22px; font-size: 9px; letter-spacing: .17em; }
  .juwa-platform-lanes { grid-template-columns: 1fr; }
  .lane-two .lane-game-grid,
  .lane-classic .lane-game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 410px; }
  .signup-card.standalone-signup {
    width: calc(100% - 22px);
    display: flex;
    flex-direction: column;
    padding: 30px 22px;
    clip-path: none;
    border-radius: 24px 7px 24px 7px;
  }
}