/* Prelanders (paid traffic, /go/<slug>) — shared look. v2 tokens of the live site; no site bundle, so the pages stay light.
   Mock: _redesign_art/prelanders/pages/assets/pl.css. */
:root {
  --night: #0B0F12; --ink: #2A1203; --text: #F5EEE3; --soft: #C3CBD0; --muted: #95A1A9; --dim: #7E8A91;
  --line: #26323A; --card: #141B20; --jade: #33D1BF; --jade-soft: #7DF2E2; --red: #E5484D;
  --blaze-1: #FFB24A; --blaze-2: #FF8C1A; --blaze-3: #F06A0A; --blaze-soft: #FFC27A;
  --brass-1: #FFE680; --brass-2: #F7C83A; --brass-3: #DDA21F;
  --fd: Unbounded, Manrope, system-ui, sans-serif; --fb: Manrope, system-ui, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--night); color: var(--text); font: 500 15px/1.45 var(--fb); -webkit-font-smoothing: antialiased; }
body { overflow-x: hidden; }
img { display: block; max-width: 100%; }
h1, h2, h3 { margin: 0; font-family: var(--fd); font-weight: 800; letter-spacing: -.01em; }
p { margin: 0; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }

.pl-logo { display: block; width: 132px; height: auto; }
.pl-logo img { width: 100%; height: auto; }

/* the main button: Blaze, dark text (the site's r-btn-blaze, a size up) */
.pl-btn {
  appearance: none; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  width: 100%; height: 64px; padding: 0 28px; border: 0; border-radius: 16px; overflow: hidden; cursor: pointer;
  font: 800 20px/1 var(--fb); white-space: nowrap; user-select: none; -webkit-tap-highlight-color: transparent;
  color: var(--ink); text-shadow: 0 1px 0 rgba(255, 236, 200, .4);
  background: linear-gradient(180deg, var(--blaze-1) 0%, var(--blaze-2) 45%, var(--blaze-3) 100%);
  box-shadow: 0 5px 0 #7a3404, inset 0 1px 0 rgba(255, 240, 200, .6), 0 14px 30px -10px rgba(255, 140, 26, .8);
  transition: transform .12s ease-out, box-shadow .12s ease-out;
}
.pl-btn:hover { transform: translateY(-2px); box-shadow: 0 7px 0 #7a3404, inset 0 1px 0 rgba(255, 240, 200, .6), 0 20px 36px -10px rgba(255, 150, 40, .9); }
.pl-btn:active { transform: translateY(4px); box-shadow: 0 1px 0 #7a3404, inset 0 2px 6px rgba(0, 0, 0, .35); }
.pl-btn::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, .38) 48%, transparent 62%); transform: translateX(-130%); animation: pl-shine 2.8s ease-in-out 1s infinite; pointer-events: none; }
.pl-btn.is-brass { color: #2A1A03; background: linear-gradient(180deg, var(--brass-1) 0%, var(--brass-2) 50%, var(--brass-3) 100%); box-shadow: 0 5px 0 #7A5A0C, inset 0 1px 0 rgba(255, 250, 220, .7), 0 14px 30px -10px rgba(247, 200, 58, .75); }
.pl-btn.is-brass:hover { box-shadow: 0 7px 0 #7A5A0C, inset 0 1px 0 rgba(255, 250, 220, .7), 0 20px 36px -10px rgba(247, 200, 58, .85); }
.pl-btn.is-loud { animation: pl-ring 1.4s ease-out infinite; }
.pl-btn svg { flex: none; }
@keyframes pl-shine { 0%, 55% { transform: translateX(-130%); } 85%, 100% { transform: translateX(130%); } }
@keyframes pl-ring { 0% { outline: 3px solid rgba(255, 154, 46, .75); outline-offset: 0; } 100% { outline: 3px solid rgba(255, 154, 46, 0); outline-offset: 12px; } }

.pl-trust { display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--soft); font-size: 14px; text-align: center; }
.pl-trust svg { flex: none; color: var(--muted); }

/* the gift line: what the new player gets */
.pl-gift { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; border-radius: 14px; background: rgba(20, 52, 48, .72); box-shadow: inset 0 0 0 1px rgba(51, 209, 191, .45); }
.pl-gift img { width: 44px; height: 44px; object-fit: contain; }
.pl-gift b { display: block; font: 800 16px/1.2 var(--fb); color: var(--text); }
.pl-gift small { display: block; font-size: 13px; color: var(--jade-soft); }

.k-ic { display: inline-block; flex: none; width: 1em; height: 1em; background: url(../img/key.webp) center / contain no-repeat; vertical-align: -.12em; }

@media (prefers-reduced-motion: reduce) {
  .pl-btn::after, .pl-btn.is-loud { animation: none; }
}