
:root{
  --navy-950:#050716;
  --navy-900:#070A1A;
  --navy-850:#0B1026;
  --navy-800:#101A3C;
  --purple-700:#4B1C8F;
  --purple-600:#6222C8;
  --purple-500:#8B5CF6;
  --gold-500:#FFD166;
  --gold-600:#F4B942;
  --gold-700:#D99300;
  --cyan:#5CE3DA;
  --white:#FFFFFF;
  --ice:#F8FAFC;
  --muted:#AAB6D3;
  --text:#172033;
  --shadow:0 24px 80px rgba(0,0,0,.34);
  --card-shadow:0 18px 50px rgba(5,7,22,.16);
  --radius-xl:32px;
  --radius-lg:24px;
  --radius-md:18px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  background:var(--navy-950);
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(var(--max), calc(100% - 40px));margin:0 auto}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:20px;top:20px;width:auto;height:auto;z-index:10000;background:var(--gold-500);color:#111;padding:10px 14px;border-radius:10px}
.top-disclaimer{
  background:linear-gradient(90deg, rgba(255,209,102,.16), rgba(139,92,246,.18));
  color:#F8FAFC;
  font-size:.86rem;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.top-disclaimer .container{display:flex;gap:10px;align-items:center;justify-content:center;text-align:center;padding:8px 0}
.top-disclaimer strong{color:var(--gold-500)}
.site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(7,10,26,.82);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px}
.logo-link{display:flex;align-items:center;gap:12px;min-width:170px}
.logo-link img{width:128px;filter:drop-shadow(0 10px 22px rgba(255,184,46,.2))}
.nav-toggle{display:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:white;border-radius:14px;padding:10px 12px;font-weight:800}
.main-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center}
.main-nav a{color:#E7ECFF;font-size:.9rem;font-weight:750;padding:10px 10px;border-radius:999px;transition:.2s ease}
.main-nav a:hover,.main-nav a.active{background:rgba(255,255,255,.10);color:var(--gold-500)}
.header-cta{display:flex;align-items:center;gap:10px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 18px;border-radius:999px;
  font-weight:900;letter-spacing:.01em;
  border:1px solid transparent;transition:.2s ease;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}
.btn-primary{background:linear-gradient(135deg,var(--gold-500),#FF9F1C);color:#201300;border-color:rgba(255,255,255,.24)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 34px rgba(255,159,28,.24)}
.btn-secondary{background:rgba(255,255,255,.10);color:white;border-color:rgba(255,255,255,.22)}
.btn-secondary:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}
.btn-dark{background:var(--navy-850);color:white;border-color:rgba(255,255,255,.12)}
.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.34)}
.btn-outline.dark{color:var(--navy-850);border-color:rgba(11,16,38,.22)}
.sticky-visit{
  position:fixed;right:18px;bottom:18px;z-index:1001;
  box-shadow:0 22px 60px rgba(255,177,28,.35);
}
.hero{
  position:relative;overflow:hidden;color:white;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,209,102,.26), transparent 28%),
    radial-gradient(circle at 68% 12%, rgba(139,92,246,.26), transparent 28%),
    linear-gradient(135deg, var(--navy-950) 0%, var(--navy-850) 50%, #250747 100%);
}
.hero:before{
  content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:radial-gradient(circle, rgba(255,255,255,.8) 1px, transparent 1.4px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom, black, transparent 86%);
}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:20px;align-items:center;min-height:clamp(575px,74vh,680px);padding:42px 0 28px}
.kicker{display:inline-flex;align-items:center;gap:7px;color:#1B1400;background:linear-gradient(135deg,rgba(255,209,102,.85),rgba(255,209,102,.85));padding:5px 8px;border-radius:909px;font-weight:850;font-size:.54rem;text-transform:sentence;letter-spacing:.07em;box-shadow:0 14px 30px rgba(255,209,102,.16)}
h1,h2,h3{line-height:1.08;margin:0 0 16px;font-weight:950;letter-spacing:-.04em}
h1{font-size:clamp(2.35rem, 4.45vw, 4.75rem)}
h2{font-size:clamp(2rem, 3.5vw, 3.5rem)}
h3{font-size:clamp(1.25rem, 2.3vw, 1.65rem);letter-spacing:-.02em}
.hero p{font-size:1.05rem;color:#E6EDFF;max-width:650px;margin:0 0 18px}
.hero-actions{position:relative;z-index:4;display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.hero-badges{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:12px;max-width:680px;margin-top:18px}
.badge-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:16px;backdrop-filter:blur(10px)}
.badge-card strong{display:block;color:var(--gold-500);font-size:1rem;line-height:1.2}.badge-card span{font-size:.88rem;color:#D5DDF8}
.hero-copy{position:relative;z-index:3;max-width:720px}
.hero-art{position:relative;align-self:end;min-height:0;height:clamp(430px,62vh,620px);display:flex;align-items:flex-end;justify-content:center;overflow:visible}
.hero-art:before{content:"";position:absolute;right:0;bottom:0;width:95%;height:72%;background:radial-gradient(circle at 50% 50%, rgba(255,209,102,.24), transparent 58%);filter:blur(22px)}
.hero-art img{position:relative;width:min(100%,650px);max-height:100%;height:auto;object-fit:contain;object-position:center;filter:drop-shadow(0 30px 64px rgba(0,0,0,.48));transform:translateY(12px)}
.notice-card{margin-top:16px;background:rgba(4,6,18,.65);border:1px solid rgba(255,255,255,.16);padding:14px 16px;border-radius:18px;color:#D9E1FF;font-size:.92rem;max-width:700px}
.notice-card strong{color:var(--gold-500)}
.section{padding:86px 0;position:relative}
.section-dark{background:linear-gradient(180deg,var(--navy-950),var(--navy-900));color:white}
.section-light{background:linear-gradient(180deg,#FFFFFF,#F6F8FE);color:var(--text)}
.section-purple{background:linear-gradient(135deg,#130828,#26104E 55%,#3C1678);color:white}
.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.section-eyebrow{color:var(--gold-700);font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;margin-bottom:10px}
.section-dark .section-eyebrow,.section-purple .section-eyebrow{color:var(--gold-500)}
.section-lead{font-size:1.08rem;color:#526078;max-width:760px;margin:0}
.section-dark .section-lead,.section-purple .section-lead{color:#D5DDF8}
.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:white;border:1px solid rgba(14,23,54,.10);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--card-shadow)}
.card.dark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:white;box-shadow:none;backdrop-filter:blur(16px)}
.card.gold{background:linear-gradient(135deg,#FFF8E1,#FFFFFF);border-color:rgba(217,147,0,.24)}
.card h3{margin-bottom:12px}.card p{margin:0;color:#526078}.card.dark p{color:#D5DDF8}
.icon-pill{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold-500),#ff9f1c);font-size:1.5rem;margin-bottom:18px;box-shadow:0 14px 28px rgba(255,159,28,.18)}
.table-wrap{overflow-x:auto;border-radius:24px;box-shadow:var(--card-shadow);background:white;border:1px solid rgba(14,23,54,.10)}
table{width:100%;border-collapse:collapse;min-width:760px;background:white}th,td{padding:18px 20px;text-align:left;border-bottom:1px solid rgba(14,23,54,.10);vertical-align:top}th{background:linear-gradient(135deg,var(--navy-850),#1C2963);color:white;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em}td strong{color:var(--purple-600)}tr:last-child td{border-bottom:0}
.steps{counter-reset:step;display:grid;gap:16px}.step{counter-increment:step;position:relative;padding:22px 22px 22px 82px;border-radius:22px;background:white;border:1px solid rgba(14,23,54,.10);box-shadow:var(--card-shadow)}.step:before{content:counter(step);position:absolute;left:22px;top:22px;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold-500),#ff9f1c);font-weight:950;color:#1c1200}.step h3{font-size:1.25rem;margin-bottom:6px; color: #000;}.step p{margin:0;color:#526078}
.cta-band{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:42px;background:linear-gradient(135deg,var(--navy-850),#321067 65%,#5B2FA6);color:white;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.13)}.cta-band:after{content:"";position:absolute;right:-90px;top:-90px;width:240px;height:240px;border-radius:50%;background:rgba(255,209,102,.22);filter:blur(4px)}.cta-band > *{position:relative}.cta-band p{color:#DCE5FF;max-width:820px}.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.faq-list{display:grid;gap:14px}.faq-item{background:white;border:1px solid rgba(14,23,54,.10);border-radius:20px;box-shadow:0 12px 35px rgba(5,7,22,.08);overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:0;background:transparent;padding:20px 22px;font-weight:950;color:var(--navy-850);font-size:1rem;cursor:pointer}.faq-question span:last-child{font-size:1.5rem;color:var(--gold-700);line-height:1}.faq-answer{display:none;padding:0 22px 20px;color:#526078}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
.breadcrumbs{background:#fff;border-bottom:1px solid rgba(14,23,54,.08)}.breadcrumbs .container{padding:14px 0;font-size:.88rem;color:#526078}.breadcrumbs a{color:var(--purple-600);font-weight:800}.page-hero{background:radial-gradient(circle at 15% 15%, rgba(255,209,102,.23), transparent 28%),linear-gradient(135deg,var(--navy-950),#21104A);color:white;padding:72px 0 64px}.page-hero p{font-size:1.08rem;color:#DCE5FF;max-width:850px}.page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.content-narrow{max-width:890px}.mini-hero-grid{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:center}.mini-logo-card{border-radius:28px;padding:25px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}.mini-logo-card img{max-height:220px;filter:drop-shadow(0 20px 34px rgba(0,0,0,.25))}
.callout{border-left:5px solid var(--gold-500);background:#FFF8E6;border-radius:18px;padding:20px 22px;color:#4A3500}.callout.dark{background:rgba(255,209,102,.11);color:#FFF4CC;border-color:var(--gold-500)}.pill-row{display:flex;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:rgba(91,47,166,.09);color:var(--purple-700);font-weight:850;font-size:.88rem}.section-dark .pill,.section-purple .pill{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.13)}
.site-footer{background:#03050F;color:#D3DAF4;border-top:1px solid rgba(255,255,255,.09);padding:58px 0 34px}.footer-grid{display:grid;grid-template-columns:1.1fr .8fr .8fr .8fr;gap:28px}.footer-logo{width:190px;margin-bottom:18px}.footer-title{color:white;font-weight:950;margin-bottom:12px}.footer-links{display:grid;gap:9px}.footer-links a{color:#D3DAF4}.footer-links a:hover{color:var(--gold-500)}.footer-disclaimer{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.10);font-size:.9rem;color:#ABB5D5}.footer-bottom{margin-top:18px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.9rem;color:#ABB5D5}
.two-col-text{columns:2;column-gap:34px}.two-col-text p{break-inside:avoid;margin-top:0}.keyword-note{font-size:.92rem;color:#69758E}.dark .keyword-note,.section-dark .keyword-note,.section-purple .keyword-note{color:#BFC8E5}
@media (max-width:1040px){
  .header-inner{min-height:72px}.nav-toggle{display:inline-flex}.main-nav{display:none;position:absolute;left:20px;right:20px;top:82px;background:rgba(7,10,26,.98);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:14px;box-shadow:var(--shadow);align-items:stretch}.main-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav a{padding:12px}.header-cta{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:38px 0 0}.hero-copy{max-width:780px}.hero-art{height:clamp(320px,45vh,430px);min-height:0;order:2;margin-top:8px}.hero-art img{max-height:100%;transform:translateY(8px)}.mini-hero-grid{grid-template-columns:1fr}.mini-logo-card{display:none}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.section-header{display:block}.section-header .btn{margin-top:18px}
}
@media (max-width:760px){
  .container{width:min(100% - 28px, var(--max))}.hero-grid{padding:34px 0 20px}.hero p{font-size:.98rem;margin-bottom:0}.hero-actions{margin-top:18px;gap:10px}.hero-actions .btn{width:100%;padding:12px 14px;font-size:.95rem}.notice-card{font-size:.86rem;margin-top:14px}.hero-badges{grid-template-columns:1fr;margin-top:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:62px 0}.page-hero{padding:54px 0}.logo-link img{width:116px}.main-nav.open{grid-template-columns:1fr}.sticky-visit{left:14px;right:14px;bottom:12px;width:calc(100% - 28px)}.sticky-visit .btn{width:100%}.two-col-text{columns:1}.footer-grid{grid-template-columns:1fr}.cta-band{padding:28px}.hero-art{height:280px;min-height:0;margin-top:0}.hero-art img{max-height:100%;transform:translateY(6px)}.top-disclaimer .container{font-size:.8rem}h1{font-size:clamp(2.05rem, 10vw, 3.2rem)}
}


/* Official source / offer context additions */
.source-card{position:relative;display:flex;flex-direction:column;gap:12px;min-height:100%;}
.source-meta{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:7px 10px;border-radius:999px;background:rgba(91,47,166,.09);color:var(--purple-700);font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em;}
.section-dark .source-meta,.section-purple .source-meta,.card.dark .source-meta{background:rgba(255,255,255,.10);color:var(--gold-500);border:1px solid rgba(255,255,255,.12)}
.source-value{font-size:1.35rem;font-weight:950;letter-spacing:-.03em;color:var(--navy-850);line-height:1.08;}
.card.dark .source-value,.section-dark .source-value,.section-purple .source-value{color:white;}
.source-note{font-size:.92rem;color:#526078;line-height:1.55;margin:0;}
.card.dark .source-note,.section-dark .source-note,.section-purple .source-note{color:#D5DDF8;}
.card .btn{margin-top:auto;align-self:flex-start;}
.offer-highlight{border:1px solid rgba(255,209,102,.38);background:linear-gradient(135deg,#FFF9E9,#FFFFFF 60%,#F7F2FF);box-shadow:var(--card-shadow);border-radius:var(--radius-xl);padding:28px;}
.offer-highlight.dark{background:linear-gradient(135deg,rgba(255,209,102,.16),rgba(255,255,255,.07));border-color:rgba(255,255,255,.14);color:white;box-shadow:none;}
.offer-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px;}
.kpi{border-radius:20px;background:rgba(91,47,166,.08);padding:16px;border:1px solid rgba(91,47,166,.10);}
.section-dark .kpi,.section-purple .kpi,.offer-highlight.dark .kpi{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);}
.kpi strong{display:block;font-size:1.3rem;color:var(--purple-700);line-height:1.1;margin-bottom:5px;}
.section-dark .kpi strong,.section-purple .kpi strong,.offer-highlight.dark .kpi strong{color:var(--gold-500);}
.kpi span{font-size:.88rem;color:#526078;}
.section-dark .kpi span,.section-purple .kpi span,.offer-highlight.dark .kpi span{color:#D5DDF8;}
.source-list{display:grid;gap:12px;margin-top:18px;}
.source-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(14,23,54,.10);background:white;border-radius:18px;padding:15px 17px;color:var(--navy-850);font-weight:900;box-shadow:0 10px 24px rgba(5,7,22,.06);}
.source-list a span{font-weight:700;color:#526078;font-size:.9rem;}
.section-dark .source-list a,.section-purple .source-list a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);color:white;box-shadow:none;}
.section-dark .source-list a span,.section-purple .source-list a span{color:#D5DDF8;}
.mini-note{font-size:.9rem;color:#64708A;margin-top:14px;line-height:1.55;}
.section-dark .mini-note,.section-purple .mini-note{color:#BFC8E5;}
.disclaimer-strip{margin-top:24px;padding:18px 20px;border-radius:20px;background:rgba(11,16,38,.06);border:1px solid rgba(14,23,54,.09);color:#46536C;line-height:1.55;}
.section-dark .disclaimer-strip,.section-purple .disclaimer-strip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#D5DDF8;}
.disclaimer-strip strong{color:var(--purple-700);}
.section-dark .disclaimer-strip strong,.section-purple .disclaimer-strip strong{color:var(--gold-500);}
@media (max-width:900px){.offer-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.offer-kpis{grid-template-columns:1fr}.source-list a{align-items:flex-start;flex-direction:column}.source-value{font-size:1.18rem}}


/* ZulaCasino.ai official-site-inspired hero refresh */
body{overflow-x:hidden;}
.hero{
  position:relative;
  overflow:hidden;
  color:white;
  padding:clamp(22px,3vw,34px) 0 0;
  background:
    radial-gradient(circle at 14% 18%, rgba(255,209,102,.36), transparent 24%),
    radial-gradient(circle at 84% 16%, rgba(92,227,218,.20), transparent 24%),
    radial-gradient(circle at 62% 75%, rgba(139,92,246,.28), transparent 34%),
    linear-gradient(180deg,#050716 0%,#080E2B 50%,#18063B 100%);
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.48;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.95) 1px, transparent 1.6px),
    radial-gradient(circle, rgba(255,209,102,.75) 1px, transparent 1.5px);
  background-position:0 0, 22px 20px;
  background-size:48px 48px, 78px 78px;
  mask-image:linear-gradient(to bottom, black 0%, black 64%, transparent 96%);
}
.hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(360px,.92fr);
  gap:clamp(18px,3vw,40px);
  align-items:stretch;
  min-height:clamp(540px,calc(100vh - 132px),660px);
  padding:clamp(28px,4vw,44px) clamp(22px,4vw,46px) 0;
  border-radius:42px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 90px rgba(0,0,0,.44), inset 0 0 0 1px rgba(255,209,102,.10);
  background:
    radial-gradient(circle at 72% 42%, rgba(255,209,102,.24), transparent 24%),
    radial-gradient(circle at 42% 12%, rgba(13,72,181,.44), transparent 30%),
    linear-gradient(135deg, rgba(2,9,38,.96), rgba(9,33,93,.92) 50%, rgba(57,16,117,.94));
}
.hero-grid:before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:150px;
  background:linear-gradient(180deg,transparent,rgba(1,5,20,.76));
  pointer-events:none;
  z-index:1;
}
.hero-grid:after{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-160px;
  width:560px;height:560px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,209,102,.20), transparent 64%);
  filter:blur(4px);
  pointer-events:none;
}
.hero-copy{
  position:relative;
  z-index:5;
  max-width:760px;
  align-self:center;
  padding-bottom:clamp(28px,4vw,54px);
}
.hero .kicker,.page-hero .kicker{
  color:#1A1200;
  background:linear-gradient(135deg,#FFEAA0,#FFC234 55%,#FF9B18);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 14px 34px rgba(255,194,52,.22);
}
.hero h1{
  font-size:clamp(2.18rem,4.25vw,4.35rem);
  line-height:.98;
  letter-spacing:-.055em;
  margin-top:16px;
  margin-bottom:14px;
  text-shadow:0 8px 32px rgba(0,0,0,.34);
}
.hero .hero-subtitle,
.hero p{
  color:#E8EEFF;
  font-size:clamp(.98rem,1.15vw,1.08rem);
  line-height:1.55;
  max-width:660px;
  margin:0 0 16px;
}
.hero-actions{
  position:relative;
  z-index:8;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:18px 0 16px;
}
.hero-actions .btn{padding:13px 18px;}
.hero-offer-card{
  position:relative;
  z-index:6;
  max-width:650px;
  margin:14px 0 0;
  padding:15px 17px;
  border-radius:24px;
  color:white;
  background:
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.07)),
    radial-gradient(circle at 18% 10%,rgba(255,209,102,.22),transparent 50%);
  border:1px solid rgba(255,255,255,.19);
  box-shadow:0 18px 46px rgba(0,0,0,.24);
  backdrop-filter:blur(14px);
}
.offer-card-topline{
  color:var(--gold-500);
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:2px;
}
.offer-card-title{font-size:1.02rem;font-weight:850;color:#F8FAFF;line-height:1.1;}
.offer-coin-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:7px 0 5px;}
.offer-coin-row strong{font-size:clamp(1.35rem,2.15vw,2.05rem);line-height:1;color:white;text-shadow:0 8px 24px rgba(0,0,0,.28);}
.offer-plus{color:#fff;font-size:1.25rem;font-weight:950;opacity:.9;margin:0 2px;}
.coin-bubble{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 8px;border-radius:999px;
  color:#1B1200;font-weight:950;font-size:.86rem;
  box-shadow:inset 0 2px 8px rgba(255,255,255,.5),0 10px 22px rgba(0,0,0,.26);
  border:1px solid rgba(255,255,255,.42);
}
.coin-gc{background:linear-gradient(135deg,#FFF7A8,#FFD166 48%,#E49000);}
.coin-sc{background:linear-gradient(135deg,#D9FFE7,#50C878 52%,#11964D);color:#031B0C;}
.hero-offer-card small{display:block;color:#CFD9F9;font-size:.75rem;line-height:1.35;}
.notice-card{
  position:relative;
  z-index:6;
  margin-top:12px;
  max-width:650px;
  padding:12px 14px;
  border-radius:18px;
  color:#DCE5FF;
  background:rgba(3,8,26,.62);
  border:1px solid rgba(255,255,255,.13);
}
.hero-visual-stack{
  position:relative;
  z-index:3;
  align-self:stretch;
  min-height:470px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.hero-logo-float{
  position:absolute;
  z-index:5;
  top:18px;
  right:4px;
  width:clamp(170px,19vw,260px);
  padding:8px 12px;
  border-radius:26px;
  background:rgba(0,4,18,.34);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 48px rgba(0,0,0,.24);
  backdrop-filter:blur(8px);
}
.hero-logo-float img{width:100%;filter:drop-shadow(0 12px 28px rgba(255,209,102,.26));}
.hero-art {
    position: absolute;
    inset: 0;
    height: auto;
    min-height: auto;
    padding: 22px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: radial-gradient(circle at 50% 22%,rgba(255,209,102,.25),transparent 45%), linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14),0 18px 48px rgba(0,0,0,.25);
}

.hero-art:before {
        display: none;
}

.hero-art img {
        position: center;
        z-index: 3;
        width: min(108%,600px);
        height: min(100%,600px);
        max-height: 70%;
        object-fit: contain;
        object-position: center;
        filter: drop-shadow(0 34px 70px rgba(0,0,0,.50));
        transform: translateY(-25px);
}
.hero-chip{
  position:absolute;
  z-index:6;
  width:62px;height:62px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-weight:950;
  color:#1A1200;
  border:2px solid rgba(255,255,255,.35);
  box-shadow:0 18px 36px rgba(0,0,0,.32), inset 0 3px 10px rgba(255,255,255,.45);
}
.hero-chip-left{left:8%;bottom:20%;background:linear-gradient(135deg,#FFF7AA,#FFD166,#E49200);}
.hero-chip-right{right:8%;bottom:34%;background:linear-gradient(135deg,#DFFFEA,#50C878,#0F9A4E);color:#041D0C;}
.hero-quicklinks{
  position:relative;
  z-index:5;
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  padding:16px 0 24px;
}
.hero-quicklinks a{
  color:#E9EEFF;
  font-weight:850;
  font-size:.91rem;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);
}
.hero-quicklinks a:hover{color:#1A1200;background:linear-gradient(135deg,#FFEAA0,#FFC234);}
.hero-badges{display:none;}

.page-hero{
  position:relative;
  overflow:hidden;
  color:white;
  padding:clamp(32px,4vw,48px) 0;
  background:
    radial-gradient(circle at 14% 16%, rgba(255,209,102,.28), transparent 26%),
    radial-gradient(circle at 88% 12%, rgba(92,227,218,.15), transparent 25%),
    linear-gradient(180deg,#050716 0%,#080E2B 55%,#17063A 100%);
}
.page-hero:before{
  content:"";
  position:absolute;inset:0;pointer-events:none;opacity:.38;
  background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1.5px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom, black, transparent 92%);
}
.mini-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,330px);
  gap:28px;
  align-items:center;
  padding:clamp(24px,4vw,40px);
  border-radius:38px;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 26px 76px rgba(0,0,0,.38);
  background:
    radial-gradient(circle at 78% 46%, rgba(255,209,102,.20), transparent 28%),
    linear-gradient(135deg, rgba(3,11,39,.96), rgba(12,35,101,.88) 54%, rgba(62,18,122,.92));
}
.page-hero h1{
  font-size:clamp(2.1rem,4.1vw,4.05rem);
  line-height:1;
  margin-top:16px;
  text-shadow:0 8px 30px rgba(0,0,0,.28);
}
.page-hero p{color:#E2E9FF;font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.58;max-width:820px;}
.page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.mini-logo-card{
  position:relative;
  min-height:245px;
  border-radius:30px;
  padding:22px;
  background:
    radial-gradient(circle at 50% 22%,rgba(255,209,102,.25),transparent 45%),
    linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 48px rgba(0,0,0,.25);
}
.mini-logo-card:before{
  position:absolute;
  left:18px;top:12px;
  color:#1A1200;
  font-size:.78rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
  padding:7px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#FFEAA0,#FFC234);
}
.mini-logo-card:after{
  content:"18+ • Terms apply";
  position:absolute;
  left:18px;right:18px;bottom:8px;
  color:#DDE6FF;
  text-align:center;
  font-size:.8rem;
  font-weight:750;
}
.mini-logo-card img{position:relative;z-index:2;max-height:190px;width:min(100%,260px);object-fit:contain;filter:drop-shadow(0 18px 34px rgba(0,0,0,.28));}

@media (max-width:1040px){
  .hero-grid{grid-template-columns:1fr;min-height:auto;padding:30px 24px 0;border-radius:34px;}
  .hero-copy{max-width:820px;padding-bottom:8px;}
  .hero-visual-stack{min-height:320px;order:2;margin-top:6px;}
  .hero-logo-float{top:8px;right:8px;width:190px;}
  .hero-art img{height:100%;width:min(86%,520px);}
  .hero-chip{display:none;}
  .mini-hero-grid{grid-template-columns:1fr;}
  .mini-logo-card{display:flex;min-height:180px;}
}
@media (max-width:760px){
  .hero{padding:16px 0 0;}
  .hero-grid{width:min(100% - 24px,var(--max));padding:24px 18px 0;border-radius:28px;}
  .hero h1{font-size:clamp(2rem,9.2vw,3.05rem);line-height:1.02;}
  .hero .hero-subtitle{font-size:.97rem;}
  .hero-actions{gap:9px;margin:16px 0 12px;}
  .hero-actions .btn{width:100%;padding:12px 14px;font-size:.94rem;}
  .hero-offer-card{padding:13px 14px;border-radius:20px;}
  .offer-coin-row strong{font-size:1.3rem;}
  .coin-bubble{min-width:36px;height:36px;font-size:.75rem;}
  .notice-card{font-size:.83rem;padding:11px 12px;}
  .hero-visual-stack{min-height:250px;margin-top:0;}
  .hero-logo-float{display:none;}
  .hero-art img{width:min(92%,380px);transform:translateY(7px);}
  .hero-quicklinks{padding:12px 12px 18px;gap:8px;}
  .hero-quicklinks a{font-size:.82rem;padding:8px 10px;}
  .page-hero{padding:28px 0;}
  .mini-hero-grid{width:min(100% - 24px,var(--max));padding:24px 18px;border-radius:28px;}
  .page-actions .btn{width:100%;}
  .mini-logo-card{min-height:150px;padding:16px;}
  .mini-logo-card img{max-height:120px;width:min(100%,210px);}
}

/* Header fit refinement for full desktop navigation */
.header-inner{gap:12px;}
.logo-link{min-width:126px;}
.logo-link img{width:118px;}
.main-nav{gap:2px;flex-wrap:nowrap;}
.main-nav a{font-size:.84rem;padding:9px 8px;white-space:nowrap;}
.header-cta .btn{white-space:nowrap;padding:12px 16px;}
@media (min-width:1041px) and (max-width:1180px){
  .main-nav a{font-size:.79rem;padding:8px 6px;}
  .logo-link img{width:108px;}
  .header-cta .btn{padding:11px 13px;font-size:.88rem;}
}

/* Hero compact pass: keep the primary CTA and full hero art in the first fold */
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.82fr);min-height:clamp(500px,calc(100vh - 150px),620px);}
.hero h1{font-size:clamp(2.12rem,4vw,4.05rem);}
.hero-visual-stack{min-height:430px;}
.hero-art img{width:min(108%,600px);height:min(100%,600px);transform:translateY(0);}
.hero-logo-float{width:clamp(160px,17vw,235px);}
.hero-offer-card{max-width:620px;}
@media (max-width:1040px){.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-visual-stack{min-height:310px}.hero-art img{width:min(82%,500px);height:100%;}}
@media (max-width:760px){.hero-visual-stack{min-height:240px}.hero-art img{width:min(90%,360px);}}

/* Prevent the fixed CTA from covering hero content on small screens; hero CTAs remain above the fold. */
@media (max-width:760px){.sticky-visit{display:none;}}

/* Desktop dropdown navigation */
.nav-dropdown{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.nav-dropdown > a{
  display:inline-flex;
  align-items:center;
}

.nav-caret{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;font-size:.72em;line-height:1;color:var(--gold-500);transform:translateY(1px);transition:transform .2s ease;}
.nav-dropdown:hover .nav-caret,.nav-dropdown:focus-within .nav-caret{transform:translateY(1px) rotate(180deg);}
.dropdown-menu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:210px;
  padding:10px 0;
  margin-top:8px;
  border-radius:16px;
  background:rgba(7,10,26,.98);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:var(--shadow);
  z-index:1002;
}
.dropdown-menu a{
  display:block;
  padding:10px 16px;
  border-radius:0;
  white-space:nowrap;
}
.nav-dropdown:hover .dropdown-menu,
.nav-dropdown:focus-within .dropdown-menu{
  display:block;
}

@media (max-width:1040px){
  .nav-dropdown{
    display:block;
    position:static;
  }
  .dropdown-menu{
    display:block;
    position:static;
    min-width:0;
    margin:4px 0 0;
    padding:0 0 0 12px;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  .dropdown-menu a{
    padding:10px 12px;
  }
}



/* Legal pages: Privacy Policy and Terms & Conditions */
.legal-shell{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}
.legal-toc{position:sticky;top:116px;background:#fff;border:1px solid rgba(14,23,54,.10);border-radius:24px;padding:22px;box-shadow:var(--card-shadow)}
.legal-toc-title{color:var(--navy-850);font-size:.82rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}
.legal-toc a{display:block;color:#526078;font-weight:800;padding:9px 0;border-bottom:1px solid rgba(14,23,54,.08)}
.legal-toc a:last-child{border-bottom:0}
.legal-toc a:hover{color:var(--purple-600)}
.legal-back{display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:var(--purple-600)!important;font-weight:950!important;border-bottom:0!important}
.legal-content{background:#fff;border:1px solid rgba(14,23,54,.10);border-radius:30px;padding:clamp(24px,4vw,42px);box-shadow:var(--card-shadow)}
.legal-updated{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:linear-gradient(135deg,#FFF8DF,#FFFFFF);border:1px solid rgba(217,147,0,.24);color:#6F4700;font-weight:900;padding:8px 12px;margin-bottom:18px}
.legal-note{margin:20px 0;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,rgba(255,209,102,.20),rgba(139,92,246,.09));border:1px solid rgba(217,147,0,.22);color:#29324A}
.legal-content h2{font-size:clamp(1.55rem,2.5vw,2.15rem);letter-spacing:-.03em;margin:34px 0 12px;padding-top:26px;border-top:1px solid rgba(14,23,54,.09)}
.legal-content h2:first-of-type{margin-top:0;padding-top:0;border-top:0}
.legal-content h3{font-size:1.2rem;margin:22px 0 8px;letter-spacing:-.02em;color:var(--navy-850)}
.legal-content p,.legal-content li{color:#526078}
.legal-content ul,.legal-content ol{padding-left:22px;margin:0 0 18px}
.legal-content li{margin:7px 0}
.legal-content a{color:var(--purple-600);font-weight:850;text-decoration:underline;text-underline-offset:3px}
.legal-callout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.legal-mini-card{border-radius:20px;background:#F8FAFC;border:1px solid rgba(14,23,54,.10);padding:18px}
.legal-mini-card strong{display:block;color:var(--purple-600);margin-bottom:4px}
.footer-bottom a{color:#D3DAF4;font-weight:850}.footer-bottom a:hover{color:var(--gold-500)}
@media (min-width:1041px){.site-footer .footer-grid{grid-template-columns:1.15fr .75fr .85fr 1fr .7fr}}
@media (max-width:1040px){.legal-shell{grid-template-columns:1fr}.legal-toc{position:static}.legal-callout-grid{grid-template-columns:1fr}.site-footer .footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.legal-content{border-radius:24px}.site-footer .footer-grid{grid-template-columns:1fr}}
