:root {
  --gold: #d9aa4d;
  --gold-soft: #f7e0a4;
  --gold-deep: #7a4b12;
  --ink: #050403;
  --panel: #0c0906;
  --line: rgba(220, 172, 78, .42);
}

body.goldsecret-page {
  background:
    radial-gradient(circle at 50% 18%, rgba(205, 151, 52, .20), transparent 28%),
    #050403 url("assets/goldsecret/09_backgrounds/background_dark_luxury_gold_1882x3344.png?v=20260614") center top / cover fixed no-repeat;
  color: #fff7dd;
}

.goldsecret-page .site-bg {
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.74));
  opacity: .9;
}

.goldsecret-shell {
  max-width: 980px;
  padding-bottom: 112px;
}

.goldsecret-page .app-install-band,
.goldsecret-page .topbar,
.goldsecret-page .content-section,
.goldsecret-page .support-card,
.goldsecret-page .checkout-status,
.goldsecret-page .modal-card,
.goldsecret-page .game-toolbar,
.goldsecret-page .game-frame-shell {
  border-color: var(--line);
  background: linear-gradient(180deg, rgba(13,10,7,.94), rgba(2,2,2,.96));
  box-shadow: 0 0 28px rgba(201, 151, 54, .16);
}

.goldsecret-page .app-install-band {
  color: var(--gold-soft);
}

.goldsecret-page .app-install-band #appInstallLink,
.goldsecret-page .btn-primary,
.goldsecret-page .goldsecret-login,
.goldsecret-page .goldsecret-provider,
.goldsecret-page .game-frame-status .btn-primary {
  color: #090604;
  background: linear-gradient(180deg, #fff1ad, #d6a23e 52%, #8a570e);
  border: 1px solid rgba(255, 229, 157, .8);
  box-shadow: 0 8px 24px rgba(201, 151, 54, .26), inset 0 1px rgba(255,255,255,.42);
  text-shadow: none;
}

.goldsecret-page .topbar {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  min-height: 82px;
  padding: 10px 14px;
  border-radius: 0;
  border-inline: 0;
  border-top: 0;
}

.goldsecret-page .topbar .brand img {
  width: clamp(168px, 40vw, 260px);
  max-height: 56px;
  filter: drop-shadow(0 0 14px rgba(219, 170, 72, .46));
}

.goldsecret-page .topbar .menu-toggle {
  border-color: var(--line);
  background: rgba(8, 6, 4, .92);
}

.goldsecret-page .topbar .menu-toggle span {
  background: var(--gold-soft);
}

.goldsecret-page .main-menu button,
.goldsecret-page .auth-actions .btn,
.goldsecret-page .user-menu-trigger {
  border-color: var(--line);
  color: #fff3d0;
  background: rgba(4, 4, 4, .72);
}

.goldsecret-page .main-menu .active,
.goldsecret-page .bottom-nav .active,
.goldsecret-page .chip.active {
  color: #0a0500;
  background: linear-gradient(180deg, #fff4bc, #d6a344 55%, #8d5b16);
}

.goldsecret-stage {
  position: relative;
  min-height: auto;
  margin: 0 auto 18px;
  padding: 0 0 22px;
  overflow: visible;
  background: rgba(0,0,0,.34);
  border: 1px solid rgba(224, 174, 75, .16);
  border-radius: 0 0 18px 18px;
}

.goldsecret-luxbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px 122px 48px;
  align-items: center;
  gap: 10px;
  padding: 14px 16px 12px;
  background: rgba(3, 3, 3, .86);
  border-bottom: 1px solid rgba(218, 170, 77, .32);
  position: sticky;
  top: 0;
  z-index: 12;
  backdrop-filter: blur(12px);
}

.goldsecret-brand-mini img {
  width: min(236px, 46vw);
  height: auto;
  display: block;
  filter: drop-shadow(0 0 10px rgba(214, 164, 63, .42));
}

.goldsecret-whatsapp,
.goldsecret-menu,
.goldsecret-tabs button,
.goldsecret-feature-grid button,
.hero-arrow {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.goldsecret-whatsapp img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.goldsecret-menu {
  border: 1px solid var(--line);
  border-radius: 12px;
  min-height: 48px;
  display: grid;
  place-items: center;
  background: rgba(8, 6, 4, .78);
}

.goldsecret-menu img { width: 30px; }

.goldsecret-login {
  min-height: 48px;
  border-radius: 12px;
  font-weight: 900;
  font-size: 16px;
}

.goldsecret-hero-card {
  position: relative;
  margin: 0 auto;
  border-bottom: 1px solid rgba(219, 172, 79, .22);
  overflow: hidden;
  background: #050403;
}

.goldsecret-hero-img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 68px;
  color: var(--gold-soft);
  font-size: 58px;
  line-height: 1;
  text-shadow: 0 0 16px rgba(214, 164, 63, .82);
}
.hero-arrow-left { left: 12px; }
.hero-arrow-right { right: 12px; }

.goldsecret-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(170px, .48fr);
  gap: 14px;
  padding: 14px 16px 10px;
}

.goldsecret-search,
.goldsecret-provider {
  min-height: 64px;
  border: 1px solid rgba(220, 172, 78, .52);
  border-radius: 9px;
  background: rgba(5,5,5,.86);
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 18px;
  color: #e8d8b5;
}

.goldsecret-search img,
.goldsecret-provider img { width: 32px; height: 32px; object-fit: contain; }
.goldsecret-search input {
  width: 100%;
  background: transparent;
  border: 0;
  outline: 0;
  color: #fff3d0;
  font: 700 17px/1.2 inherit;
}
.goldsecret-search input::placeholder { color: rgba(237, 221, 183, .62); }
.goldsecret-provider span { font-weight: 900; font-size: 17px; }

.goldsecret-tabs {
  margin: 0 16px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border: 1px solid rgba(220, 172, 78, .20);
  background: rgba(3,3,3,.72);
}

.goldsecret-tabs button {
  min-height: 96px;
  border-right: 1px solid rgba(220, 172, 78, .20);
  display: grid;
  place-items: center;
  gap: 7px;
  color: #fff3d0;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 800;
}
.goldsecret-tabs button:last-child { border-right: 0; }
.goldsecret-tabs img { width: 34px; height: 34px; object-fit: contain; }

.goldsecret-section-title {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
  padding: 34px 16px 22px;
  text-transform: uppercase;
  color: #fff7dc;
  letter-spacing: .04em;
  font-size: clamp(22px, 4vw, 32px);
}
.goldsecret-section-title span { height: 2px; background: linear-gradient(90deg, transparent, var(--gold-soft), transparent); }

.goldsecret-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding: 0 16px 18px;
}
.goldsecret-feature-grid button {
  border: 1px solid rgba(220, 172, 78, .48);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(0,0,0,.82);
  box-shadow: 0 10px 24px rgba(0,0,0,.36);
}
.goldsecret-feature-grid img { display: block; width: 100%; height: auto; }

.goldsecret-page .hero,
.goldsecret-page .quick-actions,
.goldsecret-page .categories,
.goldsecret-page .support-card,
.goldsecret-page .sports-panel {
  display: none !important;
}

.goldsecret-page .casino-board {
  margin-top: 4px;
  padding: 18px 16px 28px;
}
.goldsecret-page .casino-board .section-title h2 { color: #fff7dc; }
.goldsecret-page .filters label,
.goldsecret-page .filters input,
.goldsecret-page .filters select {
  border-color: rgba(220, 172, 78, .40);
  background: rgba(2,2,2,.75);
  color: #fff4d3;
}
.goldsecret-page .filters span,
.goldsecret-page .section-title p { color: #d8b874; }
.goldsecret-page .games-grid .game-card {
  border-color: rgba(220, 172, 78, .42);
  background: linear-gradient(180deg, rgba(24,16,7,.92), rgba(5,4,3,.96));
}
.goldsecret-page .game-card strong { color: #fff2c9; }
.goldsecret-page .game-card em { color: #d4a34a; }

.goldsecret-page .bottom-nav {
  max-width: 980px;
  background: linear-gradient(180deg, rgba(19,14,9,.96), rgba(2,2,2,.98));
  border-color: rgba(220, 172, 78, .46);
  box-shadow: 0 -10px 28px rgba(201, 151, 54, .15);
}
.goldsecret-page .bottom-nav button {
  color: #e7d5ae;
  border-color: rgba(220, 172, 78, .18);
}
.goldsecret-page .bottom-nav span { color: var(--gold-soft); }

.goldsecret-page .skin-drawer { display: none !important; }

.goldsecret-page .modal-card h2,
.goldsecret-page .modal-card label,
.goldsecret-page .history-modal h2 { color: #fff0c5; }
.goldsecret-page .modal input,
.goldsecret-page .modal textarea {
  border-color: rgba(220, 172, 78, .36);
  background: #050505;
  color: #fff8dd;
}
.goldsecret-page .mode-tabs button.active {
  background: linear-gradient(180deg, #fff0ad, #d6a23e 55%, #8a570e);
  color: #080503;
}
.goldsecret-page .form-message { color: #f7d77f; }
.goldsecret-page .toast { border-color: var(--line); background: #090705; color: #fff3ce; }

@media (max-width: 760px) {
  .goldsecret-shell { padding-inline: 0; }
  .goldsecret-page .topbar { display: none; }
  .goldsecret-stage { border-inline: 0; margin-top: 0; border-radius: 0; }
  .goldsecret-luxbar { grid-template-columns: minmax(0,1fr) 44px 118px 44px; gap: 8px; padding: 12px 14px; }
  .goldsecret-brand-mini img { width: min(220px, 41vw); }
  .goldsecret-whatsapp img { width: 39px; height: 39px; }
  .goldsecret-login { min-height: 44px; font-size: 15px; }
  .goldsecret-menu { min-height: 44px; }
  .goldsecret-search-row { grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px 14px 10px; }
  .goldsecret-search, .goldsecret-provider { min-height: 54px; padding-inline: 12px; font-size: 14px; }
  .goldsecret-provider span { font-size: 15px; }
  .goldsecret-tabs { margin: 0; overflow-x: auto; grid-template-columns: repeat(6, minmax(96px, 1fr)); border-inline: 0; }
  .goldsecret-tabs button { min-height: 84px; font-size: 11px; }
  .goldsecret-section-title { font-size: 21px; padding-top: 26px; gap: 12px; }
  .goldsecret-feature-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; padding-inline: 14px; }
  .goldsecret-page .casino-board { border-inline: 0; border-radius: 0; padding-inline: 14px; }
}

@media (max-width: 520px) {
  .goldsecret-luxbar { grid-template-columns: minmax(0,1fr) 38px 96px 38px; gap: 8px; }
  .goldsecret-brand-mini img { width: min(180px, 44vw); }
  .goldsecret-whatsapp img { width: 34px; height: 34px; }
  .goldsecret-login { min-height: 40px; font-size: 13px; border-radius: 9px; }
  .goldsecret-menu { min-height: 40px; border-radius: 9px; }
  .goldsecret-menu img { width: 25px; }
  .hero-arrow { width: 28px; font-size: 46px; }
  .goldsecret-search-row { grid-template-columns: 1.15fr .85fr; }
  .goldsecret-search img, .goldsecret-provider img { width: 25px; height: 25px; }
  .goldsecret-search input { font-size: 13px; }
  .goldsecret-provider span { font-size: 13px; }
  .goldsecret-tabs { grid-template-columns: repeat(6, minmax(78px, 1fr)); }
  .goldsecret-tabs button { min-height: 74px; }
  .goldsecret-tabs img { width: 27px; height: 27px; }
  .goldsecret-section-title { font-size: 17px; gap: 8px; }
  .goldsecret-feature-grid { grid-template-columns: repeat(2, 1fr); }
  .goldsecret-page .bottom-nav { grid-template-columns: repeat(6, 1fr); }
  .goldsecret-page .bottom-nav button { font-size: 9px; padding-inline: 3px; }
  .goldsecret-page .bottom-nav span { font-size: 12px; }
}

@media (max-width: 360px) {
  .goldsecret-luxbar { grid-template-columns: minmax(0,1fr) 34px 86px 34px; padding-inline: 10px; }
  .goldsecret-login { font-size: 12px; }
  .goldsecret-feature-grid { gap: 8px; padding-inline: 10px; }
}