@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap");

@font-face{font-family:Sora;src:url('/assets/fonts/sora-latin-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}

:root{
  --bg0:#050608;
  --bg1:#0a0d12;
  --bg2:#121722;
  --panel:#0f141c;
  --panel-soft:#141b25;
  --panel-strong:#0b1017;
  --text:#f3f6fb;
  --muted:#aab4c8;
  --muted2:#7f8aa1;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --shadow:0 24px 70px rgba(0,0,0,.42);
  --shadow-soft:0 12px 28px rgba(0,0,0,.28);
  --glow:rgba(101,210,255,.22);
  --brand:#6dd3ff;
  --brand-strong:#9fe4ff;
  --brand-soft:rgba(109,211,255,.12);
  --focus:rgba(109,211,255,.34);
  --radius-xl:30px;
  --radius-lg:24px;
  --radius-md:18px;
  --radius-sm:14px;
  --max:1120px;
  --meta-chip-w:152px;
}

*{ box-sizing:border-box; }

html,body{
  margin:0;
  font-family:"Manrope","Segoe UI",sans-serif;
  color:var(--text);
  background:#04070d;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  padding-bottom:env(safe-area-inset-bottom);
}

body{
  position:relative;
  min-height:100vh;
  overflow-x:hidden;
}

.background-canvas{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:0;
}

.bg-overlay{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:transparent;
}

a,
a:visited{
  color:inherit;
  text-decoration:none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible{
  outline:2px solid var(--focus);
  outline-offset:3px;
  border-radius:12px;
}

.wrap{
  position:relative;
  max-width:var(--max);
  margin:0 auto;
  padding:34px 18px 72px;
  z-index:1;
}

.top{
  display:flex;
  justify-content:center;
  padding:6px 0 26px;
  margin-bottom:28px;
  border-bottom:1px solid var(--line);
}

.logo{
  display:inline-flex;
  justify-content:center;
}

.wordmark{font-family:Sora,sans-serif;font-size:24px;font-weight:600;letter-spacing:-.025em;line-height:1.2;white-space:nowrap}
.wordmark span{color:#79d8ff}

.logo img{
  width:100%;
  height:auto;
  display:block;
}

.announcement{
  margin:0 auto 22px;
  width:100%;
  border:1px solid rgba(109,211,255,.18);
  background:rgba(11,16,23,.72);
  backdrop-filter:blur(14px);
  border-radius:18px;
  padding:10px 16px;
  box-shadow:var(--shadow-soft);
}

.announcement p{
  margin:0;
  color:var(--brand-strong);
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
  text-align:center;
}

.hero{
  text-align:center;
  padding:20px 0 34px;
}

.headline{
  margin:0 auto;
  max-width:16ch;
  font-family:"DM Serif Display",serif;
  font-size:clamp(38px, 6.2vw, 72px);
  line-height:.96;
  letter-spacing:-.04em;
  font-weight:400;
}

.subhead{
  margin:18px auto 0;
  max-width:58ch;
  color:var(--muted);
  font-size:clamp(16px, 2.1vw, 20px);
  line-height:1.68;
}

.section-title{
  margin:28px 0 14px;
  text-align:center;
  color:var(--text);
  font-weight:700;
  letter-spacing:.14em;
  font-size:12px;
  text-transform:uppercase;
  opacity:.86;
}

.seo-content{
  margin-top:56px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  box-shadow:var(--shadow-soft);
  color:var(--muted);
}

.seo-content :is(h2,h3){
  margin:0 0 12px;
  color:var(--text);
  font-size:clamp(28px, 4vw, 40px);
  line-height:1.02;
  letter-spacing:-.04em;
  font-family:"DM Serif Display",serif;
  font-weight:400;
}

.seo-content p{
  margin:0 0 12px;
  line-height:1.7;
}

.seo-content .center{
  text-align:center;
}

.seo-content ul,
.seo-content ol{
  margin:0 0 12px 20px;
  padding:0;
}

.seo-content a{
  color:var(--brand-strong);
  text-decoration:underline;
  text-underline-offset:3px;
}

.how-steps{
  margin:12px 0 30px;
}

.how-steps-head{
  text-align:center;
  margin:0 auto;
  max-width:1040px;
}

.cashback-eyebrow{
  margin:0 0 8px;
  color:var(--brand-strong);
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.how-steps-intro{
  margin:0 auto;
  max-width:96ch;
  color:var(--muted);
  font-size:17px;
  line-height:1.72;
}

.how-steps-intro a{
  color:#d8f3ff;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1.5px;
}

.cashback-panel{
  margin:0 auto 32px;
}

.step-stack{
  display:grid;
  gap:16px;
}

.step-card,
.step-card-primary{
  padding:24px;
  border-radius:28px;
  border:1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)),
    radial-gradient(500px 240px at 100% 0%, rgba(109,211,255,.06), transparent 60%);
  box-shadow:var(--shadow-soft);
}

.step-card-primary{
  border-color:rgba(109,211,255,.16);
}

.step-label-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}

.step-number{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(109,211,255,.18);
  background:var(--brand-soft);
  color:var(--brand-strong);
  font-size:14px;
  font-weight:800;
}

.step-kicker{
  margin:0;
  color:var(--brand-strong);
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.step-title{
  margin:0;
  font-size:clamp(30px, 4vw, 42px);
  line-height:1;
  letter-spacing:-.05em;
}

.step-copy{
  margin:12px 0 0;
  max-width:60ch;
  color:var(--muted);
  font-size:16px;
}

.step-list{
  margin-top:16px;
  display:grid;
  gap:10px;
}

.step-list p{
  margin:0;
  color:var(--muted);
  font-size:15px;
}

.step-list p::before{
  content:"- ";
  color:var(--brand-strong);
}

.step-2-casino-block{
  margin-top:18px;
  padding-top:18px;
}

.step-2-head{
  margin-bottom:12px;
  text-align:center;
}

.step-2-head h4{
  margin:0;
  font-size:20px;
  line-height:1.12;
  letter-spacing:-.03em;
}

.cashback-form{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:12px;
  margin-top:18px;
  align-items:stretch;
}

.cashback-form input[type="email"]{
  width:100%;
  min-width:0;
  padding:18px 18px;
  border-radius:16px;
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.03);
  color:var(--text);
  font:inherit;
  font-size:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.cashback-form input[type="email"]::placeholder{
  color:var(--muted2);
}

.cashback-form button{
  min-width:220px;
  border:0;
  border-radius:16px;
  padding:0 24px;
  background:linear-gradient(135deg, #79d8ff, #4bbef5);
  color:#07111b;
  font:inherit;
  font-weight:800;
  letter-spacing:-.01em;
  cursor:pointer;
  box-shadow:0 16px 32px rgba(75,190,245,.18);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.cashback-form button:hover{
  transform:translateY(-1px);
  filter:brightness(1.03);
  box-shadow:0 18px 34px rgba(75,190,245,.24);
}

.cashback-message{
  margin:14px 0 0;
  padding:12px 14px;
  border-radius:16px;
  font-size:14px;
  line-height:1.5;
}

.cashback-message strong{
  color:var(--text);
}

.cashback-message-success{
  color:#d9f6ff;
  background:rgba(109,211,255,.10);
  border:1px solid rgba(109,211,255,.16);
}

.cashback-message-error{
  color:#ffd1d1;
  background:rgba(190,72,72,.12);
  border:1px solid rgba(190,72,72,.18);
}

.cashback-message-muted{
  color:var(--muted);
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06);
}

.cashback-honeypot{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

.cashback-activated-banner{
  padding:12px 16px;
  border:1px solid rgba(64,181,122,.28);
  background:rgba(64,181,122,.12);
  border-radius:16px;
  color:#daf7e7;
}

.cashback-activated-banner strong{
  color:#ffffff;
}

.cashback-activated-banner p{
  margin:0;
}

.cashback-activated-banner p + p{
  margin-top:10px;
}

.cashback-activated-edit a{
  color:var(--brand-strong);
  text-decoration:underline;
  text-underline-offset:3px;
}

.step-back-row{
  margin:4px 0 12px;
  padding-left:6px;
}

.step-back-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(170,180,200,.72);
  font-size:14px;
  font-weight:700;
  letter-spacing:-.01em;
}

.step-back-link:hover{
  color:var(--muted);
}

.list{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-top:10px;
}

.card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018)),
    radial-gradient(420px 180px at 100% 0%, rgba(109,211,255,.05), transparent 60%);
  box-shadow:var(--shadow-soft);
  transform:translateY(0);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.card:hover{
  transform:translateY(-3px);
  border-color:rgba(109,211,255,.16);
  box-shadow:0 20px 38px rgba(0,0,0,.34);
}

.card::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.04), transparent 35%);
  opacity:.7;
  pointer-events:none;
}

.card-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:auto auto;
  gap:10px;
  padding:16px;
}

.card-main{
  display:grid;
  grid-template-columns:104px 1fr;
  gap:16px;
  align-items:start;
  border-radius:20px;
}

.thumb{
  width:104px;
  height:104px;
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.06);
}

.thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.meta{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}

.topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.title-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex:1 1 auto;
}

.name{
  margin:0;
  font-size:20px;
  font-weight:700;
  letter-spacing:-.03em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.highlight-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(109,211,255,.14);
  background:rgba(109,211,255,.10);
  color:var(--brand-strong);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

.rating{
  width:var(--meta-chip-w);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  color:var(--muted);
  font-size:13px;
  white-space:nowrap;
}

.stars{
  --pct: 0%;
  --preview: var(--pct);
  --starMask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 20'><polygon points='10,1 12.9,7.1 19.6,7.9 14.7,12.3 16,19 10,15.8 4,19 5.3,12.3 0.4,7.9 7.1,7.1'/><polygon points='32,1 34.9,7.1 41.6,7.9 36.7,12.3 38,19 32,15.8 26,19 27.3,12.3 22.4,7.9 29.1,7.1'/><polygon points='54,1 56.9,7.1 63.6,7.9 58.7,12.3 60,19 54,15.8 48,19 49.3,12.3 44.4,7.9 51.1,7.1'/><polygon points='76,1 78.9,7.1 85.6,7.9 80.7,12.3 82,19 76,15.8 70,19 71.3,12.3 66.4,7.9 73.1,7.1'/><polygon points='98,1 100.9,7.1 107.6,7.9 102.7,12.3 104,19 98,15.8 92,19 93.3,12.3 88.4,7.9 95.1,7.1'/></svg>");
  position:relative;
  width:78px;
  height:14px;
  flex:0 0 auto;
  user-select:none;
}

.stars-hit{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  z-index:4;
}

.stars-hit span{
  cursor:pointer;
}

.stars-track{
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.18);
  -webkit-mask-image:var(--starMask);
  mask-image:var(--starMask);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
}

.stars-fill{
  position:absolute;
  inset:0;
  -webkit-clip-path:inset(0 calc(100% - var(--preview)) 0 0);
  clip-path:inset(0 calc(100% - var(--preview)) 0 0);
}

.stars-fill::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, #8cdbff, #d3f3ff);
  -webkit-mask-image:var(--starMask);
  mask-image:var(--starMask);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
}

.rating-text{
  display:inline-flex;
  gap:0;
}

.rating strong{
  color:var(--text);
  font-weight:700;
}

.bonus-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.bonus{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}

.bonus-label{
  font-size:11px;
  color:var(--muted2);
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
}

.bonus-label .tooltip{
  text-transform:none;
  letter-spacing:normal;
}

.bonus-value{
  font-size:clamp(26px, 4.8vw, 38px);
  line-height:.98;
  font-weight:800;
  letter-spacing:-.04em;
}

.bonus-value .hl{
  color:var(--brand-strong);
}

.cta{
  width:var(--meta-chip-w);
  margin-left:auto;
  display:flex;
  align-items:center;
}

.btn{
  position:relative;
  width:100%;
  padding:12px 14px;
  border-radius:16px;
  border:0;
  background:linear-gradient(135deg, #79d8ff, #4bbef5);
  color:#07111b;
  font-weight:800;
  letter-spacing:-.01em;
  text-align:center;
  box-shadow:0 16px 32px rgba(75,190,245,.18);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.card-main:hover .btn{
  transform:translateY(-1px);
  filter:brightness(1.03);
  box-shadow:0 18px 34px rgba(75,190,245,.24);
}

.btn span{
  position:relative;
  z-index:1;
}

.acc{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.06);
}

.acc-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:transparent;
  border:none;
  color:var(--muted);
  padding:10px 2px 0;
  cursor:pointer;
  font-weight:700;
  letter-spacing:-.01em;
}

.acc-btn:hover{
  color:var(--text);
}

.chev{
  width:18px;
  height:18px;
  flex:0 0 auto;
  opacity:.92;
  transform:rotate(0deg);
  transition:transform .2s ease;
}

.card[data-open="true"] .chev{
  transform:rotate(180deg);
}

.acc-panel{
  height:0;
  overflow:hidden;
  transition:height .26s ease;
  will-change:height;
}

.card[data-open="true"] .acc-panel{
  overflow:visible;
}

.acc-inner{
  padding:14px 0 0;
  display:grid;
  gap:10px;
}

.mini-cards{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:12px;
}

.mini{
  padding:13px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
  border-radius:18px;
}

.mini h4{
  margin:0 0 8px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--muted2);
  font-weight:700;
}

.kv{
  display:grid;
  gap:8px;
  margin:0;
}

.kv-row{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-top:1px solid rgba(255,255,255,.06);
}

.kv-row:first-child{
  border-top:none;
  padding-top:2px;
}

.k{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
  font-size:14px;
}

.v{
  color:var(--text);
  font-weight:700;
  font-size:14px;
}

.info{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  border-radius:50%;
  background:rgba(109,211,255,.18);
  color:#07111b;
  cursor:pointer;
  flex:0 0 auto;
}

.info-glyph{
  display:block;
  font-size:12px;
  font-weight:700;
  line-height:1;
  transform:translateX(-.4px);
}

.tooltip{
  --tip-shift: 0px;
  --tip-y: -4px;
  position:absolute;
  bottom:130%;
  left:50%;
  width:min(220px, calc(100vw - 32px));
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:#0b1017;
  color:var(--muted);
  font-size:12px;
  line-height:1.4;
  box-shadow:0 14px 30px rgba(0,0,0,.4);
  opacity:0;
  pointer-events:none;
  transform:translateX(calc(-50% + var(--tip-shift))) translateY(var(--tip-y));
  transition:opacity .18s ease, transform .18s ease;
  z-index:20;
}

.tooltip::after{
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(calc(-50% - var(--tip-shift)));
  border-width:6px;
  border-style:solid;
  border-color:#0b1017 transparent transparent transparent;
}

.info[data-tip-side="bottom"] .tooltip{
  top:130%;
  bottom:auto;
  --tip-y: 4px;
}

.info[data-tip-side="bottom"] .tooltip::after{
  top:auto;
  bottom:100%;
  border-color:transparent transparent #0b1017 transparent;
}

.info:hover .tooltip{
  opacity:1;
}

.info[data-open="true"] .tooltip{
  opacity:1;
  pointer-events:auto;
}

.payments{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}

.pill{
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:var(--text);
  font-size:13px;
  white-space:nowrap;
}

.link{
  border-radius:16px;
}

.link:hover{
  color:var(--text);
}

footer{
  margin-top:34px;
  padding-top:26px;
  padding-bottom:calc(20px + env(safe-area-inset-bottom));
  text-align:center;
  color:var(--muted);
}

.footer-badges{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:28px;
  padding:4px 0 8px;
  margin:0 auto 20px;
  opacity:.86;
}

.footer-badges img{
  display:block;
  height:auto;
  object-fit:contain;
  filter:saturate(.92);
}

.badge-ga{
  width:min(220px, 64vw);
}

.badge-18{
  width:min(44px, 14vw);
}

.rg{
  max-width:72ch;
  margin:8px auto 0;
  font-size:13px;
  color:var(--muted);
}

.footer-links{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:18px;
}

.footer-links a{
  color:rgba(170,180,200,.72);
  font-size:13px;
}

.footer-links a:hover{
  color:var(--text);
}

.copy{
  margin-top:30px;
  font-size:13px;
  color:rgba(170,180,200,.8);
}

.legal-card{
  margin-bottom:20px;
}

.legal-card h2{
  margin:28px 0 10px;
  font-size:24px;
  line-height:1.1;
  letter-spacing:-.03em;
}

.legal-card p{
  color:var(--muted);
  line-height:1.72;
}

.legal-intro{
  margin:14px 0 0;
  color:var(--muted);
  font-size:16px;
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}

.card.is-inactive{
  border-color:rgba(255,255,255,.06);
}

.card.is-inactive .btn{
  opacity:.72;
}

.invite-friends{margin:0;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));overflow:hidden}
.invite-friends summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;list-style:none;cursor:pointer;color:var(--text)}
.invite-friends summary::-webkit-details-marker{display:none}
.invite-friends summary:hover{background:rgba(109,211,255,.035)}
.invite-friends summary:focus-visible{outline:2px solid var(--brand-strong);outline-offset:-4px;border-radius:18px}
.invite-title{font-size:17px;font-weight:800;line-height:1.5;letter-spacing:-.015em}
.invite-reward{color:var(--brand-strong);white-space:nowrap}
.invite-chevron{flex-shrink:0;color:var(--muted);transition:transform .18s ease-out}
.invite-friends[open] .invite-chevron{transform:rotate(180deg)}
.invite-content{padding:0 24px 20px}
.invite-friends p{margin:0 0 20px;max-width:65ch;color:var(--muted);font-size:14px;line-height:1.65}
.invite-friends p strong{color:var(--text);font-weight:700}
.invite-friends label{display:block;margin-bottom:8px;font-size:13px;color:var(--muted)}
.invite-link-row{display:flex;gap:10px}
.invite-link-row input{flex:1;min-width:0;width:100%;padding:12px;border:1px solid var(--line-strong);border-radius:10px;background:#0f141c;color:var(--text);font:inherit;font-size:13px}
.invite-link-row button{flex-shrink:0;padding:12px 18px;border:0;border-radius:10px;background:linear-gradient(135deg,#79d8ff,#4bbef5);color:#07111b;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.invite-link-row button:hover{filter:brightness(1.05)}
.invite-link-row :focus-visible{outline:2px solid var(--brand-strong);outline-offset:3px}
.invite-friends .invite-copy-status{margin:8px 0 0;font-size:13px;color:var(--brand-strong)}
.invite-copy-status:empty{display:none}
@media(prefers-reduced-motion:reduce){.invite-chevron{transition:none}}
@media(max-width:560px){.invite-friends summary{padding:18px}.invite-content{padding:0 18px 18px}.invite-title{font-size:16px}}
@media(max-width:420px){.invite-link-row{flex-direction:column}.invite-link-row button{align-self:flex-start}}

.casino-confirmation{
  width:min(540px, calc(100% - 32px));
  max-height:calc(100dvh - 32px);
  padding:28px;
  border:1px solid var(--line-strong);
  border-radius:20px;
  background:#0f141c;
  color:var(--text);
  box-shadow:0 24px 70px rgba(0,0,0,.5);
  line-height:1.5;
  overflow:auto;
}

.casino-confirmation::backdrop{background:rgba(2,5,10,.78)}
.casino-confirmation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.casino-confirmation h2{margin:0;font:400 36px/1.05 "DM Serif Display",serif;letter-spacing:-.025em}
.casino-confirmation-close{display:grid;place-items:center;width:40px;height:40px;margin:-8px -8px 0 0;border:0;border-radius:50%;background:transparent;color:var(--muted);font:400 28px/1 "Manrope",sans-serif;cursor:pointer}
.casino-confirmation-close:hover{color:var(--text)}
.casino-confirmation-intro{margin:14px 0 22px;color:var(--muted);font-size:15px}
.casino-confirmation-intro strong{color:var(--text)}
.casino-confirmation-steps{list-style:none;counter-reset:cashback-step;margin:0 0 26px;padding:0}
.casino-confirmation-steps li{counter-increment:cashback-step;position:relative;padding:0 0 18px 43px;margin:0 0 18px;border-bottom:1px solid var(--line)}
.casino-confirmation-steps li::before{content:counter(cashback-step);position:absolute;top:0;left:0;width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(109,211,255,.25);border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);font-size:12px;font-weight:800}
.casino-confirmation-steps li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.casino-confirmation-steps li>strong{display:block;font-size:15px;color:var(--text)}
.casino-confirmation-steps p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
.casino-confirmation-steps p strong{color:var(--text)}
.casino-confirmation-email{overflow-wrap:anywhere}
.casino-confirmation-go{display:block;padding:15px 18px;border-radius:14px;background:linear-gradient(135deg,#79d8ff,#4bbef5);color:#07111b!important;text-align:center;font-size:15px;font-weight:800;box-shadow:0 16px 32px rgba(75,190,245,.18);transition:filter .18s ease,box-shadow .18s ease}
.casino-confirmation-go:hover{filter:brightness(1.03);box-shadow:0 18px 34px rgba(75,190,245,.24)}
.casino-confirmation :is(button,a):focus-visible{outline:2px solid var(--brand-strong);outline-offset:3px}
@media(max-width:560px){.casino-confirmation{padding:22px 20px}.casino-confirmation h2{font-size:32px}}

@media (min-width: 720px){
  .wrap{
    padding:40px 22px 78px;
  }
}

@media (max-width: 740px){
  .step-card,
  .step-card-primary{
    padding:18px;
    border-radius:22px;
  }

  .cashback-form{
    grid-template-columns:1fr;
  }

  .cashback-form button{
    width:100%;
    min-width:0;
    min-height:58px;
  }

  .mini-cards{
    grid-template-columns:1fr;
  }
}

@media (max-width: 560px){
  .card-main{
    grid-template-columns:1fr;
    gap:12px;
  }

  .thumb{
    width:100%;
    max-width:148px;
    aspect-ratio:1 / 1;
    height:auto;
    margin:0 auto;
  }

  .topline{
    flex-direction:column;
    align-items:flex-start;
  }

  .title-wrap{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

  .rating,
  .cta{
    width:100%;
  }

  .bonus-row{
    align-items:flex-start;
  }
}

@media (prefers-reduced-motion: reduce){
  *{
    transition:none !important;
    animation:none !important;
    scroll-behavior:auto !important;
  }

  .card:hover,
  .cashback-form button:hover{
    transform:none;
  }
}