:root {
  --engine-gold: #d8b34f;
  --engine-gold-bright: #f5dc82;
  --engine-gold-pale: #fff0ad;
  --engine-gold-deep: #8f6720;
  --engine-gold-ink: #171106;
  --engine-discord: #5865f2;
  --engine-discord-dark: #404eed;
  --engine-discord-deep: #3039b8;
}

.engine-deus-gold,
.engine-gold-button {
  border: 1px solid rgba(255, 240, 173, .72) !important;
  background: linear-gradient(135deg, var(--engine-gold-pale), var(--engine-gold) 52%, var(--engine-gold-deep)) !important;
  color: var(--engine-gold-ink) !important;
  box-shadow: 0 14px 38px rgba(216, 179, 79, .24), inset 0 1px 0 rgba(255,255,255,.78) !important;
}
.engine-deus-gold:hover,
.engine-gold-button:hover { filter: brightness(1.06); transform: translateY(-1px); }

.engine-dual-lane,
.engine-community-grid,
.engine-pricing-options,
.engine-affiliate-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.engine-lane-card,
.engine-community-card,
.engine-pricing-option-card,
.engine-affiliate-info {
  position: relative;
  overflow: hidden;
  padding: 30px;
  border: 1px solid rgba(216, 179, 79, .25);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(216, 179, 79, .075), rgba(255,255,255,.018));
}
.engine-lane-card::before,
.engine-community-card::before,
.engine-pricing-option-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--engine-gold-pale), var(--engine-gold-deep));
}
.lane-number {
  display: block;
  color: var(--engine-gold-bright);
  font: 700 11px/1 "DM Sans", sans-serif;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.engine-lane-card h3,
.engine-community-card h3,
.engine-pricing-option-card h3 { margin: 17px 0 11px; }
.engine-lane-card p,
.engine-community-card p,
.engine-pricing-option-card p,
.engine-lane-card li,
.engine-community-card li,
.engine-pricing-option-card li,
.engine-affiliate-info p { color: var(--e-muted, #aaa3aa); }
.engine-lane-card ul,
.engine-community-card ul,
.engine-pricing-option-card ul { margin: 18px 0 0; padding-left: 18px; }
.engine-lane-card li + li,
.engine-community-card li + li,
.engine-pricing-option-card li + li { margin-top: 8px; }

.engine-community-grid { align-items: center; }
.engine-community-grid > div:first-child h2 {
  margin: 16px 0 14px;
  font: 700 clamp(34px, 5vw, 62px)/.98 "Space Grotesk", sans-serif;
  letter-spacing: -.055em;
}
.engine-community-grid > div:first-child p { color: var(--e-muted, #aaa3aa); max-width: 670px; }
.engine-community-note { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.08); font-size: 13px; }

.engine-pricing-option-card { display: flex; flex-direction: column; min-height: 470px; }
.engine-pricing-option-card.recommended { border-color: rgba(245,220,130,.62); box-shadow: 0 24px 70px rgba(216,179,79,.12); }
.engine-pricing-option-card .price {
  display: block;
  margin: 22px 0 2px;
  color: var(--engine-gold-bright);
  font: 700 clamp(48px, 7vw, 78px)/.95 "Space Grotesk", sans-serif;
  letter-spacing: -.065em;
}
.engine-pricing-option-card .price-sub { margin: 7px 0 0; color: var(--e-muted, #aaa3aa); }
.engine-pricing-option-card .price-sub b { color: var(--engine-gold-bright); }
.engine-pricing-option-card ul { flex: 1; margin-bottom: 24px; }
.engine-gold-button { width: 100%; min-height: 52px; cursor: pointer; }
.engine-gold-button:disabled { opacity: .66; cursor: wait; transform: none; }
.engine-payment-note { margin: 16px auto 0; max-width: 900px; color: #807980; font-size: 12px; line-height: 1.55; text-align: center; }

.engine-session { gap: 9px; }
.engine-session .engine-live-dot { flex: 0 0 auto; margin-left: 2px; }
.engine-discord-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.19);
  border-radius: 8px;
  background: linear-gradient(135deg, #7180ff, var(--engine-discord) 48%, var(--engine-discord-deep));
  color: #fff !important;
  font: 700 11px/1 "DM Sans", sans-serif;
  letter-spacing: .045em;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 12px 30px rgba(88,101,242,.28), inset 0 1px 0 rgba(255,255,255,.24);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.engine-discord-button:hover { filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 16px 38px rgba(88,101,242,.38), inset 0 1px 0 rgba(255,255,255,.28); }
.engine-discord-button.is-disabled { opacity: .65; cursor: not-allowed; filter: saturate(.55); transform: none; }

.engine-affiliate-panel .engine-panel-head { gap: 18px; }
.engine-affiliate-rate,
.engine-training-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(245,222,130,.45);
  border-radius: 999px;
  background: rgba(216,179,79,.1);
  color: var(--engine-gold-bright);
  font: 700 10px/1 "DM Sans", sans-serif;
  letter-spacing: .13em;
  white-space: nowrap;
}
.engine-affiliate-link-card {
  padding: 20px;
  border: 1px solid rgba(216,179,79,.3);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(216,179,79,.1), rgba(255,255,255,.02));
}
.engine-affiliate-link-card > span { display:block; margin-bottom:10px; color:var(--engine-gold-bright); font:700 10px/1 "DM Sans",sans-serif; letter-spacing:.15em; }
.engine-affiliate-link-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
.engine-affiliate-link-row input { min-width:0; padding:11px 13px; border:1px solid rgba(255,255,255,.12); border-radius:7px; background:rgba(0,0,0,.28); color:#f5f1ed; }
.engine-affiliate-link-card small { display:block; margin-top:10px; color:var(--sp-muted,#99939a); line-height:1.45; }
.engine-affiliate-stats { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-top:15px; }
.engine-affiliate-stats article { min-width:0; padding:16px 14px; border:1px solid rgba(255,255,255,.08); border-radius:9px; background:rgba(255,255,255,.025); }
.engine-affiliate-stats span { display:block; color:var(--sp-muted,#99939a); font:700 9px/1.2 "DM Sans",sans-serif; letter-spacing:.1em; }
.engine-affiliate-stats b { display:block; margin-top:10px; color:var(--engine-gold-bright); font:700 20px/1 "Space Grotesk",sans-serif; overflow-wrap:anywhere; }
.engine-affiliate-info { padding:22px; border-color:rgba(255,255,255,.08); background:rgba(255,255,255,.02); }
.engine-affiliate-info h3 { margin:13px 0 10px; font:700 22px/1.1 "Space Grotesk",sans-serif; }
.engine-affiliate-history { margin-top:16px; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:10px; }
.engine-affiliate-history-head,
.engine-affiliate-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 20px; }
.engine-affiliate-history-head { border-bottom:1px solid rgba(255,255,255,.07); }
.engine-affiliate-history-head h3 { margin:0; }
.engine-affiliate-row + .engine-affiliate-row { border-top:1px solid rgba(255,255,255,.06); }
.engine-affiliate-row b,
.engine-affiliate-row small { display:block; }
.engine-affiliate-row small,
.engine-affiliate-empty { color:var(--sp-muted,#99939a); }
.engine-affiliate-row > span:last-child { text-align:right; }
.engine-affiliate-empty { padding:22px; }

.engine-training-academy .engine-panel-head { align-items: center; }
.engine-training-intro {
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr);
  gap: 18px;
  margin-bottom: 18px;
}
.engine-training-intro > div {
  padding: 22px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: linear-gradient(145deg,rgba(216,179,79,.07),rgba(255,255,255,.018));
}
.engine-training-intro h3 { margin: 14px 0 10px; font: 700 25px/1.08 "Space Grotesk",sans-serif; }
.engine-training-intro p { margin: 0; color: var(--sp-muted,#aaa3aa); line-height: 1.65; }
.engine-training-intro p b { color: #f4efe9; }
.engine-training-checklist { display: grid; align-content: start; gap: 10px; }
.engine-training-checklist > b { color: var(--engine-gold-bright); font: 700 10px/1 "DM Sans",sans-serif; letter-spacing: .15em; }
.engine-training-checklist > span { color: #cbc5cc; font-size: 13px; line-height: 1.4; }
.engine-training-modules { display: grid; gap: 10px; }
.engine-training-module {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 12px;
  background: rgba(255,255,255,.022);
}
.engine-training-module[open] { border-color: rgba(216,179,79,.30); background: linear-gradient(145deg,rgba(216,179,79,.055),rgba(255,255,255,.018)); }
.engine-training-module summary {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 70px;
  padding: 14px 18px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.engine-training-module summary::-webkit-details-marker { display: none; }
.engine-training-module summary::after {
  content: "+";
  margin-left: auto;
  color: var(--engine-gold-bright);
  font: 500 24px/1 "Space Grotesk",sans-serif;
}
.engine-training-module[open] summary::after { content: "−"; }
.engine-training-module[open] summary { border-bottom: 1px solid rgba(255,255,255,.07); }
.engine-training-module summary > span {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(245,220,130,.38);
  border-radius: 10px;
  background: rgba(216,179,79,.09);
  color: var(--engine-gold-bright);
  font: 700 11px/1 "Space Grotesk",sans-serif;
}
.engine-training-module summary div { min-width: 0; }
.engine-training-module summary b,
.engine-training-module summary small { display: block; }
.engine-training-module summary b { color: #f6f2ee; font: 700 15px/1.25 "Space Grotesk",sans-serif; }
.engine-training-module summary small { margin-top: 5px; color: var(--sp-muted,#aaa3aa); font-size: 12px; }
.engine-training-content { padding: 18px 22px 22px 72px; color: #c7c1c8; font-size: 13px; line-height: 1.65; }
.engine-training-content ol { margin: 0; padding-left: 20px; }
.engine-training-content li + li { margin-top: 10px; }
.engine-training-content b { color: #f4efea; }
.engine-training-content code { padding: 2px 6px; border: 1px solid rgba(255,255,255,.09); border-radius: 6px; background: #0c0c10; color: #f2d57a; font-size: .92em; }
.engine-training-source { margin: 16px 0 0; }
.engine-training-source a { color: #c8ceff; text-decoration: none; font-weight: 700; }
.engine-training-source a:hover { color: #fff; }

@media (min-width:1950px) {
  .engine-shell { width: min(2100px, calc(100% - 80px)); }
  .engine-dashboard { grid-template-columns: 300px minmax(0,1fr); gap: 24px; }
  .engine-topbar { min-height: 82px; }
  .engine-sidebar { padding: 22px; }
  .engine-sidebar-inner { min-height: calc(100vh - 186px); }
  .engine-app-head { padding: 28px 4px 22px; }
  .engine-panel-head { padding: 24px 28px; }
  .engine-panel-body { padding: 28px; }
  .engine-preview-shell { grid-template-rows: auto minmax(760px,1fr); min-height: 920px; }
  .engine-preview-frame-wrap,
  .engine-preview-frame { min-height: 840px; }
  .engine-empty-preview { min-height: 800px; }
  .engine-affiliate-stats { gap: 14px; }
  .engine-training-content { font-size: 14px; }
  .e-wrap { width: min(1780px, calc(100% - 80px)); }
}

@media (max-width:1050px) {
  .engine-affiliate-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .engine-training-intro { grid-template-columns: 1fr; }
}
@media (max-width:760px) {
  .engine-dual-lane,.engine-community-grid,.engine-pricing-options,.engine-affiliate-grid { grid-template-columns:1fr; }
  .engine-pricing-option-card { min-height:0; }
  .engine-affiliate-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .engine-affiliate-link-row { grid-template-columns:1fr; }
  .engine-discord-button { max-width:124px; min-height:32px; padding:7px 9px; white-space:normal; text-align:center; font-size:9px; }
  .engine-training-content { padding: 17px 18px 20px; }
}
@media (max-width:520px) {
  .engine-affiliate-stats { grid-template-columns:1fr; }
  .engine-lane-card,.engine-community-card,.engine-pricing-option-card { padding:24px; }
  .engine-training-module summary { align-items: flex-start; }
  .engine-training-module summary small { line-height: 1.35; }
}
