/* ============================================================
   GODZ CASINO — shared design system (de)
   Norse steel-chrome identity · top-nav · sectioned layout
   ============================================================ */
:root{
  --bg:#0a0d12; --bg2:#0c0f15; --panel:#11151d; --panel2:#161b26;
  --line:rgba(200,155,60,.18); --line2:rgba(255,255,255,.06);
  --gold:#c89b3c; --gold-lt:#f0e6d2; --gold-2:#d4af6a;
  --teal:#4ec3d6; --teal-lt:#7fe3f0; --red:#e3344e; --green:#3fbf6f;
  --txt:#f2f3f5; --txt2:#bfc3cd; --muted:#7c8090;
  --steel-lt:#d3d9e3; --steel:#9aa3b3; --steel-mid:#69707f; --steel-dk:#333a47;
  --serif:'Cinzel',Georgia,serif;
  --rune:'Metamorphous','Cinzel',Georgia,serif;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --chamfer:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);
  --wrap:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{min-height:100%}
body{background:var(--bg);color:var(--txt);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(120% 60% at 50% -10%,rgba(78,195,214,.05),transparent 60%);background-attachment:fixed}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
::selection{background:rgba(200,155,60,.3)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--rune);font-weight:400;letter-spacing:1px;font-size:13px;white-space:nowrap;transition:.2s;text-transform:uppercase}
.btn-ghost,.btn-steel{position:relative;border:0;clip-path:var(--chamfer);padding:11px 22px;color:#dfe3ea}
.btn-ghost{background:linear-gradient(180deg,#1b212c,#10151d);box-shadow:inset 0 1px 0 rgba(211,217,227,.32),inset 0 0 0 1px var(--steel-mid),inset 0 0 0 2px rgba(0,0,0,.4)}
.btn-ghost:hover{color:#fff;box-shadow:inset 0 1px 0 rgba(211,217,227,.55),inset 0 0 0 1px var(--steel-lt),inset 0 0 0 2px rgba(0,0,0,.4)}
.btn-steel{background:linear-gradient(180deg,#222934,#12161d);box-shadow:inset 0 1px 0 rgba(211,217,227,.42),inset 0 0 0 1px var(--steel),inset 0 0 0 2px rgba(0,0,0,.4)}
.btn-steel:hover{transform:translateY(-1px);color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(211,217,227,.6),inset 0 0 0 1px var(--steel-lt),inset 0 0 0 2px rgba(0,0,0,.4)}

/* ICE crystal CTA */
.gem-btn{position:relative;display:inline-block;padding:16px 46px;font-family:var(--rune);font-weight:400;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:#eafcff;
  text-shadow:0 2px 3px rgba(6,40,50,.7),0 0 9px rgba(180,245,255,.45);
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0) 40%),linear-gradient(180deg,#9eeef6 0%,#54c8da 48%,#2691a7 100%);
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);
  box-shadow:inset 0 0 0 2px rgba(122,112,92,.95),inset 0 0 0 4px rgba(38,32,24,.9),inset 0 3px 3px rgba(255,255,255,.65),inset 0 -15px 26px rgba(8,55,68,.5);
  filter:drop-shadow(0 0 10px rgba(150,232,245,.55)) drop-shadow(0 0 3px rgba(120,210,225,.5));transition:transform .2s,filter .2s}
.gem-btn::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27220%27%20height%3D%2780%27%20viewBox%3D%270%200%20220%2080%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%271%27%20stroke-opacity%3D%27.32%27%3E%3Cpath%20d%3D%27M30%200%2048%2028%2036%2052%2060%2080%27%2F%3E%3Cpath%20d%3D%27M120%200%20104%2022%20132%2040%20112%2080%27%2F%3E%3Cpath%20d%3D%27M75%208%2090%2036%2080%2064%27%2F%3E%3Cpath%20d%3D%27M170%204%20158%2030%20184%2054%27%2F%3E%3C%2Fsvg%3E") center/cover no-repeat;opacity:.55;pointer-events:none}
.gem-btn:hover{transform:translateY(-2px);filter:drop-shadow(0 0 15px rgba(150,232,245,.85)) drop-shadow(0 0 5px rgba(120,210,225,.7))}
.gem-btn--lg{padding:19px 56px;font-size:19px}

/* ---------- header / top nav ---------- */
.hdr{position:sticky;top:0;left:0;right:0;z-index:200;background:linear-gradient(180deg,rgba(18,22,30,.97),rgba(10,13,18,.94));border-bottom:1px solid rgba(154,163,179,.14);backdrop-filter:blur(8px)}
.hdr__inner{max-width:var(--wrap);margin:0 auto;height:66px;display:flex;align-items:center;gap:26px;padding:0 20px}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo__mark{width:34px;height:34px}
.logo__text{font-family:var(--rune);font-weight:400;font-size:25px;letter-spacing:4px;background:linear-gradient(180deg,#eef1f6 0%,#b3bbc9 44%,#727a8a 56%,#c6cdd8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.45)}
.nav-links{display:flex;align-items:center;gap:4px;flex:1;min-width:0}
.nav-links a{font-family:var(--rune);font-size:13.5px;letter-spacing:.4px;color:#c4c7d0;padding:9px 13px;border-radius:5px;white-space:nowrap;transition:.2s}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.05)}
.nav-links a.is-active{color:#161a22;background:linear-gradient(90deg,#eef1f6 0%,#d2d8e2 40%,#aab2c0 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 2px 7px rgba(0,0,0,.4)}
.hdr__cta{display:flex;align-items:center;gap:10px;flex:none}
.burger{display:none;width:36px;height:36px;border:1px solid var(--steel-dk);border-radius:6px;background:linear-gradient(180deg,#161b24,#0e131b);align-items:center;justify-content:center}
.burger span,.burger span::before,.burger span::after{display:block;width:17px;height:2px;background:#cdd4df;border-radius:2px;position:relative}
.burger span::before,.burger span::after{content:'';position:absolute;left:0}
.burger span::before{top:-6px}.burger span::after{top:6px}
.drawer-scrim{display:none}

/* ---------- generic section ---------- */
section{position:relative}
.sec{padding:54px 0}
.sec--tight{padding:38px 0}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--rune);color:var(--teal);letter-spacing:2px;font-size:13px;text-shadow:0 0 12px rgba(78,195,214,.4)}
.eyebrow::before,.eyebrow::after{content:'';width:34px;height:1px;background:linear-gradient(90deg,transparent,currentColor)}
.h-sec{font-family:var(--rune);font-weight:400;font-size:30px;line-height:1.15;color:#eef1f6;letter-spacing:.5px;margin:14px 0 12px}
.sec__lead{color:var(--txt2);font-size:15.5px;line-height:1.8;max-width:760px}
.sec--center{text-align:center}
.sec--center .sec__lead,.sec--center .eyebrow{margin-left:auto;margin-right:auto}
.gold-grad{background:linear-gradient(180deg,#f0e6d2,#c89b3c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.orn{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0}
.orn::before,.orn::after{content:'';height:1px;flex:1;max-width:340px;background:linear-gradient(90deg,transparent,var(--steel-dk),transparent)}
.orn span{font-size:12px;letter-spacing:6px;color:var(--steel-mid)}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::before{content:'';position:absolute;inset:0;z-index:0;background:
  radial-gradient(120% 130% at 82% 26%,#2b3a52 0%,#101820 56%,#0a0d12 100%),
  linear-gradient(100deg,#0a0d12 0%,rgba(10,13,18,.6) 60%,rgba(10,13,18,.1) 100%)}
.hero__inner{position:relative;z-index:2;max-width:var(--wrap);margin:0 auto;padding:32px 20px 60px;display:grid;grid-template-columns:1.25fr .9fr;gap:30px;align-items:center}
.hero__title{font-family:var(--sans);font-weight:800;font-size:50px;line-height:1.05;color:#fff;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.5);margin:16px 0 14px}
.hero__title span{color:var(--steel-lt)}
.hero__sub{color:#cfd2da;font-size:16px;line-height:1.75;max-width:480px;margin-bottom:26px}
.hero__cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hero__age{margin-top:20px;font-size:12px;color:var(--muted);letter-spacing:.3px}
.hero__rune{position:absolute;right:4%;top:50%;transform:translateY(-50%);font-family:var(--rune);font-size:120px;color:rgba(200,155,60,.12);letter-spacing:8px;z-index:1;pointer-events:none}
/* bonus card */
.bcard{position:relative;border-radius:14px;padding:30px 28px;text-align:center;
  background:radial-gradient(120% 120% at 50% 0,rgba(200,155,60,.14),transparent 60%),linear-gradient(180deg,#141925,#0d111a);
  box-shadow:inset 0 0 0 1px var(--steel-mid),inset 0 1px 0 rgba(211,217,227,.2),0 20px 50px rgba(0,0,0,.5)}
.bcard__tag{font-family:var(--rune);font-size:12px;letter-spacing:2px;color:var(--gold-2);text-transform:uppercase}
.bcard__amt{font-family:var(--rune);font-size:40px;line-height:1.05;margin:12px 0 4px;color:#fff}
.bcard__amt .gold-grad{display:inline}
.bcard__fs{font-family:var(--rune);font-size:20px;color:var(--gold-lt);margin-bottom:22px}
.bcard__list{display:flex;flex-direction:column;gap:7px;margin:18px 0 22px;text-align:left;font-size:13px;color:var(--txt2)}
.bcard__list li{list-style:none;padding-left:22px;position:relative}
.bcard__list li::before{content:'\25C6';position:absolute;left:4px;color:var(--gold);font-size:10px;top:4px}

/* ---------- trust badges ---------- */
.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.badge{display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2)}
.badge__ic{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(180deg,#1a202b,#0f141c);box-shadow:inset 0 0 0 1px var(--steel-dk);font-size:20px;color:var(--gold)}
.badge b{display:block;font-family:var(--rune);font-size:14px;color:#eef1f6;letter-spacing:.3px}
.badge span{font-size:12px;color:var(--muted)}

/* ---------- stats strip ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat{text-align:center;padding:22px 12px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(120% 120% at 50% 0,rgba(200,155,60,.08),transparent 60%),var(--panel)}
.stat__v{display:block;font-family:var(--rune);font-weight:400;font-size:28px;letter-spacing:.5px}
.stat__l{font-size:12.5px;color:var(--txt2);letter-spacing:.3px}

/* ---------- category cards ---------- */
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cat{position:relative;display:block;padding:24px 22px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#12161e,#0c0f15);box-shadow:inset 0 0 0 1px rgba(154,163,179,.16);transition:transform .25s,box-shadow .25s}
.cat::after{content:'';position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(78,195,214,.16),transparent 70%);pointer-events:none}
.cat:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--steel-mid),0 16px 34px rgba(0,0,0,.5)}
.cat__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.cat__ic{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:24px;background:linear-gradient(180deg,#1c2330,#10151e);box-shadow:inset 0 0 0 1px var(--steel-dk),inset 0 1px 0 rgba(211,217,227,.18)}
.cat__count{font-family:var(--rune);font-size:13px;color:var(--gold-2);letter-spacing:.5px}
.cat h3{font-family:var(--rune);font-weight:400;font-size:19px;color:#fff;margin-bottom:8px;letter-spacing:.4px}
.cat p{font-size:13.5px;color:var(--txt2);line-height:1.65;margin-bottom:14px}
.cat__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.cat__tags span{font-size:10.5px;letter-spacing:.5px;color:#cfd4de;padding:4px 9px;border-radius:20px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--steel-dk)}
.cat__link{font-family:var(--rune);font-size:12px;letter-spacing:1px;color:var(--teal);text-transform:uppercase}
.cat__link:hover{color:var(--teal-lt)}

/* ---------- row + game cards ---------- */
.row__head{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.row__rule{position:relative;flex:1;height:1px;background:linear-gradient(90deg,var(--steel-dk),rgba(154,163,179,.06) 72%,transparent)}
.row__all{font-family:var(--rune);font-size:12px;letter-spacing:1px;color:var(--teal);white-space:nowrap;text-transform:uppercase}
.row__all:hover{color:var(--teal-lt)}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:22px 18px;align-items:start}
.gcard{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
.gcard__rank{position:absolute;left:-30px;top:45%;transform:translateY(-50%);z-index:0;font-family:var(--serif);font-weight:900;font-size:96px;line-height:1;color:rgba(205,212,224,.22);pointer-events:none;text-shadow:0 3px 14px rgba(0,0,0,.5)}
.gcard__frame{position:relative;width:100%;aspect-ratio:3/4;z-index:1}
.gcard__frame::before,.gcard__frame::after{content:'';position:absolute;left:50%;width:9px;height:9px;transform:translateX(-50%) rotate(45deg);background:linear-gradient(135deg,#d6dce6,#6c7484);box-shadow:0 0 0 1px rgba(0,0,0,.4);z-index:3}
.gcard__frame::before{top:-4px}.gcard__frame::after{bottom:-4px}
.gcard__art{position:absolute;inset:0;display:block;overflow:hidden;background:linear-gradient(155deg,var(--c1,#2a3340),var(--c2,#11151d));box-shadow:inset 0 0 0 1px rgba(154,163,179,.42),inset 0 0 0 2px rgba(0,0,0,.5),0 8px 20px rgba(0,0,0,.5);clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);transition:transform .25s,box-shadow .25s}
.gcard__art::after{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(120% 70% at 50% 0,rgba(255,255,255,.14),transparent 55%);pointer-events:none}
.gcard__frame:hover .gcard__art{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(211,217,227,.75),inset 0 0 0 2px rgba(0,0,0,.5),0 16px 30px rgba(0,0,0,.6)}
.gcard__art .card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.gcard__new{position:absolute;left:8px;bottom:8px;z-index:2;background:linear-gradient(180deg,#f3d24a,#d8a72a);color:#241a04;font-weight:800;font-size:10px;letter-spacing:.4px;padding:3px 7px;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.55)}
.gcard__ov{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px;background:linear-gradient(180deg,rgba(8,10,14,.6),rgba(8,10,14,.88));opacity:0;transition:opacity .25s}
.gcard__frame:hover .gcard__ov{opacity:1}
.gcard__ovtitle{position:absolute;top:10px;left:12px;right:12px;text-align:left;font-family:var(--serif);font-weight:700;font-size:12px;color:#fff;line-height:1.22;text-shadow:0 1px 4px rgba(0,0,0,.75)}
.gcard__ovtitle small{display:block;font-family:var(--sans);font-weight:500;font-size:10px;letter-spacing:.5px;color:#aeb4c0;margin-top:2px}
.gcard__btns{display:flex;flex-direction:column;align-items:center;gap:8px}
.mini-btn{padding:9px 24px;border-radius:5px;font-family:var(--rune);font-weight:400;font-size:12px;letter-spacing:1px;background:linear-gradient(180deg,#7fe3f0,#3bb8cc);color:#062029}
.mini-btn.ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--steel-mid);color:#dfe3ea}
.mini-btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--steel-lt);color:#fff}
.gcard__title{margin-top:11px;font-size:12.5px;color:#9aa0ad;text-align:center;line-height:1.3;max-width:100%}

/* live cards */
.cards--live{grid-template-columns:repeat(6,1fr);gap:16px}
.live-card{position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(154,163,179,.18);background:linear-gradient(155deg,var(--c1),var(--c2));display:flex;align-items:flex-end;padding:12px;transition:transform .25s}
.live-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,10,14,.6) 100%)}
.live-card:hover{transform:translateY(-5px)}
.live-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.live-card__tag{position:absolute;top:10px;left:10px;z-index:2;background:var(--red);color:#fff;font-weight:800;font-size:10px;padding:3px 8px;border-radius:3px;letter-spacing:.5px}
.live-card__name{position:relative;z-index:2;font-family:var(--serif);font-weight:800;font-size:14px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7)}

/* ---------- split feature (live/sports text+grid) ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.feat-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 24px}
.feat-mini div{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:var(--txt2)}
.feat-mini b{display:block;color:#eef1f6;font-family:var(--rune);font-weight:400;font-size:13.5px;margin-bottom:2px}
.feat-mini span{font-size:20px;line-height:1;flex:none}

/* sports grid */
.sportgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sport{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);transition:.2s}
.sport:hover{box-shadow:inset 0 0 0 1px var(--steel-mid);transform:translateY(-2px)}
.sport__ic{font-size:26px;flex:none}
.sport b{display:block;font-family:var(--rune);font-weight:400;font-size:15px;color:#eef1f6}
.sport small{display:block;font-size:11.5px;color:var(--muted);margin:2px 0 4px}
.sport .sport__ev{font-size:11px;color:var(--teal)}

/* ---------- promo / bonus tiles ---------- */
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.promo-tile{position:relative;border-radius:12px;padding:24px 22px;background:radial-gradient(120% 120% at 50% 0,rgba(200,155,60,.08),transparent 60%),var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.promo-tile__tag{display:inline-block;font-family:var(--rune);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#062029;background:linear-gradient(180deg,#7fe3f0,#3bb8cc);padding:3px 11px;border-radius:20px;margin-bottom:12px}
.promo-tile h3{font-family:var(--rune);font-weight:400;font-size:18px;color:var(--gold-lt);margin-bottom:8px;line-height:1.25}
.promo-tile p{font-size:13.5px;color:var(--txt2);line-height:1.7;margin-bottom:14px}
.promo-tile ul{list-style:none;display:grid;gap:6px;margin-bottom:16px}
.promo-tile li{font-size:12.5px;color:var(--txt2);padding-left:18px;position:relative}
.promo-tile li::before{content:'\2713';position:absolute;left:0;color:var(--teal);font-weight:700}

/* ---------- banner ---------- */
.banner{position:relative;overflow:hidden;border-radius:14px;min-height:230px;display:flex;align-items:center;padding:40px 46px;
  background:linear-gradient(100deg,rgba(8,11,16,.95) 0,rgba(10,13,18,.45) 60%,transparent 100%),radial-gradient(130% 160% at 88% 30%,#2c2a3e 0,#14111d 55%,#0a0d12 100%);box-shadow:inset 0 0 0 1px var(--line)}
.banner__inner{max-width:560px;position:relative;z-index:2}
.banner__text{color:#c2c5cd;font-size:14.5px;line-height:1.8;margin:12px 0 22px}

/* ---------- VIP tiers ---------- */
.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tier{position:relative;border-radius:12px;padding:24px 20px;text-align:center;background:var(--panel);box-shadow:inset 0 0 0 1px}
.tier__ic{font-size:30px;margin-bottom:10px}
.tier h3{font-family:var(--rune);font-weight:400;font-size:18px;margin-bottom:6px}
.tier p{font-size:13px;color:var(--txt2);line-height:1.6}
.tier--bronze{color:#cd9f6a}.tier--silver{color:#c4cad6}.tier--gold{color:#f0e6d2}.tier--asgard{color:#7fe3f0}
.tier h3,.tier__ic{color:inherit}.tier p{color:var(--txt2)}
.vip-perks{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;margin:8px 0 26px}
.vip-perks span{font-size:13px;color:var(--txt2)}

/* ---------- jackpots ---------- */
.jacks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.jack{position:relative;border-radius:12px;padding:20px;text-align:center;background:radial-gradient(120% 120% at 50% 0,rgba(78,195,214,.1),transparent 60%),var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.jack__must{position:absolute;top:10px;right:10px;font-size:9px;font-weight:800;letter-spacing:.5px;color:#241a04;background:linear-gradient(180deg,#f3d24a,#d8a72a);padding:3px 7px;border-radius:3px}
.jack__amt{font-family:var(--rune);font-size:26px;color:#fff;margin:4px 0 6px;font-variant-numeric:tabular-nums}
.jack h3{font-family:var(--rune);font-weight:400;font-size:15px;color:var(--gold-lt);margin-bottom:2px}
.jack small{font-size:11px;color:var(--muted)}

/* ---------- providers ---------- */
.provs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.prov{font-family:var(--rune);font-size:13px;letter-spacing:.5px;color:#c4c7d0;padding:12px 20px;border-radius:8px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);transition:.2s}
.prov:hover{color:#fff;box-shadow:inset 0 0 0 1px var(--steel-mid)}

/* ---------- why grid ---------- */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.why div{padding:22px 20px;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2)}
.why__ic{font-size:26px;margin-bottom:12px}
.why h3{font-family:var(--rune);font-weight:400;font-size:17px;color:#eef1f6;margin-bottom:8px}
.why p{font-size:13.5px;color:var(--txt2);line-height:1.7}

/* ---------- payments strip ---------- */
.pays{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.pay{display:flex;flex-direction:column;align-items:center;gap:6px;width:108px;padding:16px 10px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2)}
.pay__ic{font-size:24px}
.pay b{font-family:var(--rune);font-weight:400;font-size:13px;color:#eef1f6}
.pay small{font-size:11px;color:var(--muted)}

/* ---------- safe tools ---------- */
.safe-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.safe-tool{text-align:center;padding:20px 14px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2)}
.safe-tool__ic{font-size:26px;display:block;margin-bottom:10px}
.safe-tool b{display:block;font-family:var(--rune);font-weight:400;color:var(--gold-lt);font-size:14px;margin-bottom:5px}
.safe-tool span{font-size:12px;color:var(--muted);line-height:1.5}

/* ---------- FAQ ---------- */
.faq{display:grid;gap:10px;max-width:880px;margin:0 auto}
.faq__item{border-radius:8px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);overflow:hidden}
.faq__item summary{list-style:none;cursor:pointer;padding:16px 18px;font-family:var(--rune);font-weight:400;font-size:15.5px;color:#e8eaef;display:flex;align-items:center;justify-content:space-between;gap:14px}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary i{width:16px;height:16px;position:relative;flex:none}
.faq__item summary i::before,.faq__item summary i::after{content:'';position:absolute;background:var(--gold);border-radius:1px;transition:transform .2s,opacity .2s}
.faq__item summary i::before{top:7px;left:0;width:16px;height:2px}
.faq__item summary i::after{top:0;left:7px;width:2px;height:16px}
.faq__item[open] summary i::after{transform:rotate(90deg);opacity:0}
.faq__a{padding:0 18px 16px}
.faq__a p{font-size:14px;color:var(--txt2);line-height:1.8;margin:0 0 10px}
.faq__a p:last-child{margin-bottom:0}

/* ---------- CTA ---------- */
.cta{text-align:center;border-radius:14px;padding:48px 24px;background:radial-gradient(120% 160% at 50% 0,rgba(78,195,214,.1),transparent 55%),linear-gradient(180deg,#10141c,#0b0e13);box-shadow:inset 0 0 0 1px var(--line)}
.cta__title{font-family:var(--rune);font-weight:400;font-size:30px;margin-bottom:12px}
.cta__sub{color:var(--txt2);font-size:15.5px;margin:0 auto 24px;max-width:560px}
.cta__age{margin-top:18px;font-size:12px;color:var(--muted)}

/* ---------- page hero (satellite pages) ---------- */
.phero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(120% 140% at 50% 0,rgba(200,155,60,.08),transparent 60%),linear-gradient(180deg,#10141c,#0b0e13)}
.phero__inner{position:relative;z-index:2;max-width:920px;margin:0 auto;padding:48px 20px 42px;text-align:center}
.phero h1{font-family:var(--rune);font-weight:400;font-size:38px;line-height:1.14;margin:14px 0 14px}
.phero__lead{color:var(--txt2);font-size:16px;line-height:1.8;max-width:760px;margin:0 auto}
.crumbs{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:4px}
.crumbs a{color:var(--gold-2)}.crumbs a:hover{color:var(--gold-lt)}
.crumbs span{color:var(--steel-mid)}

/* ---------- prose / article body ---------- */
.prose{max-width:920px;margin:0 auto}
.prose .block{margin-bottom:22px;padding:28px 30px;border-radius:12px;background:linear-gradient(180deg,#0f131b,#0b0e13);box-shadow:inset 0 0 0 1px var(--line2)}
.prose h2{font-family:var(--rune);font-weight:400;font-size:25px;color:#fff;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line);position:relative}
.prose h2::after{content:'';position:absolute;left:0;bottom:-1px;width:60px;height:2px;background:var(--gold)}
.prose h3{font-family:var(--rune);font-weight:400;font-size:17px;color:var(--gold-2);margin:20px 0 8px}
.prose p{color:var(--txt2);font-size:15px;line-height:1.85;margin-bottom:12px}
.prose p strong,.prose li strong{color:var(--gold-lt);font-weight:600}
.prose a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--teal-lt)}
.prose ul,.prose ol{margin:8px 0 14px;padding-left:0;list-style:none;display:grid;gap:9px}
.prose ul li{position:relative;padding:10px 14px 10px 32px;border-radius:8px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);font-size:14px;color:var(--txt2);line-height:1.65}
.prose ul li::before{content:'\25C6';position:absolute;left:12px;top:11px;color:var(--gold);font-size:11px}
.prose ol{counter-reset:s}
.prose ol li{counter-increment:s;position:relative;padding:12px 16px 12px 48px;border-radius:8px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);font-size:14px;color:var(--txt2);line-height:1.65}
.prose ol li::before{content:counter(s);position:absolute;left:12px;top:11px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-family:var(--rune);font-size:12px;color:#062029;background:linear-gradient(180deg,#7fe3f0,#3bb8cc)}
.prose .note{font-size:13px;color:var(--muted);border-left:2px solid var(--line);padding-left:14px;background:none;box-shadow:none;line-height:1.7}
.prose table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13.5px;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line2)}
.prose th{background:linear-gradient(180deg,#1a1f29,#141823);color:var(--gold-lt);font-family:var(--rune);font-weight:400;text-align:left;padding:12px 14px;font-size:13px}
.prose td{padding:11px 14px;border-top:1px solid var(--line2);color:var(--txt2)}
.prose tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
.toc{margin:0 auto 26px;max-width:920px;padding:18px 22px;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.toc b{font-family:var(--rune);font-weight:400;color:var(--gold-lt);font-size:13px;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:10px}
.toc ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 10px}
.toc a{font-size:12.5px;color:#c4c7d0;padding:6px 12px;border-radius:20px;box-shadow:inset 0 0 0 1px var(--steel-dk);transition:.2s}
.toc a:hover{color:#fff;box-shadow:inset 0 0 0 1px var(--steel-mid)}

/* ---------- footer ---------- */
.ftr{border-top:1px solid var(--line);background:var(--bg);margin-top:20px}
.ftr__inner{max-width:var(--wrap);margin:0 auto;padding:40px 20px 24px}
.ftr__cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:26px}
.ftr__logo{font-family:var(--rune);font-weight:400;font-size:24px;letter-spacing:3px;color:#fff}
.ftr__about{font-size:13px;color:var(--muted);line-height:1.75;margin-top:12px;max-width:340px}
.ftr__col h3{font-family:var(--rune);font-weight:400;font-size:14px;color:var(--gold-2);margin-bottom:14px}
.ftr__col a{display:block;font-size:13px;color:#aeb2bd;padding:5px 0;transition:color .2s}
.ftr__col a:hover{color:#fff}
.ftr__pay{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.ftr__pay span{font-size:12px;color:#9094a0;border:1px solid var(--line2);border-radius:5px;padding:6px 12px}
.ftr__bar{display:flex;gap:14px;align-items:flex-start;padding-top:18px}
.ftr__18{flex:none;font-family:var(--rune);font-weight:400;border:2px solid var(--gold);color:var(--gold);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:13px}
.ftr__bar p{font-size:12px;color:var(--muted);line-height:1.75}

/* ---------- cookie ---------- */
.cookie{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:300;display:flex;align-items:center;gap:16px;background:#1a1f29;box-shadow:inset 0 0 0 1px var(--line),0 10px 40px rgba(0,0,0,.5);border-radius:10px;padding:12px 18px;max-width:92vw}
.cookie p{font-size:13px;color:var(--txt2);margin:0}
.cookie a{color:var(--gold-2);text-decoration:underline}
.cookie__btn{box-shadow:inset 0 0 0 1px var(--steel-mid);color:var(--steel-lt);font-family:var(--rune);font-size:12px;letter-spacing:1px;padding:8px 16px;border-radius:5px;flex:none;transition:.2s}
.cookie__btn:hover{background:rgba(120,140,170,.16)}
.cookie.hide{display:none}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  .cats,.sportgrid,.promo-grid,.why{grid-template-columns:repeat(2,1fr)}
  .cards,.cards--live{grid-template-columns:repeat(4,1fr)}
  .badges,.stats,.tier-grid,.jacks,.safe-tools{grid-template-columns:repeat(2,1fr)}
  .hero__inner,.split{grid-template-columns:1fr}
  .hero__rune{display:none}
  .ftr__cols{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .nav-links{position:fixed;top:66px;left:0;bottom:0;width:270px;flex-direction:column;align-items:stretch;gap:2px;padding:16px 14px;background:linear-gradient(180deg,#0e1219,#0a0d12);box-shadow:0 0 40px rgba(0,0,0,.6);transform:translateX(-100%);transition:transform .3s;z-index:190;overflow-y:auto}
  .nav-links.open{transform:none}
  .nav-links a{padding:13px 14px;font-size:14.5px}
  .burger{display:flex}
  .drawer-scrim{display:block;position:fixed;inset:66px 0 0;background:rgba(0,0,0,.55);z-index:180;opacity:0;pointer-events:none;transition:opacity .3s}
  .drawer-scrim.show{opacity:1;pointer-events:auto}
  .hero__title{font-size:38px}
  .h-sec,.phero h1{font-size:28px}
}
@media(max-width:600px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .cards--live{grid-template-columns:repeat(2,1fr)}
  .gcard__rank{font-size:62px;left:-12px}
  .cats,.sportgrid,.promo-grid,.why,.badges,.stats,.tier-grid,.jacks,.safe-tools,.ftr__cols,.feat-mini{grid-template-columns:1fr}
  .btn-ghost{display:none}
  .hero__inner{padding:40px 20px}
  .hero__title{font-size:30px}
  .prose .block{padding:20px 18px}
  .banner{padding:26px 22px}
  .sec{padding:40px 0}
}

/* --- Brand logo image: drop /assets/godz-logo.png to show it; SVG+wordmark is the auto fallback --- */
.logo__img{display:block;height:32px;width:auto}
.logo .logo__mark,.logo .logo__text{display:none}
.logo.no-img .logo__img{display:none}
.logo.no-img .logo__mark{display:block}
.logo.no-img .logo__text{display:inline-block}