/* ============================================================
   kz-styles.css — Divaspin Casino Deutschland (Site 2)
   Prefix: kz-  |  Fonts: Space Grotesk + DM Sans
   Palette: navy #0b0a1a, purple #8b5cf6, gold #c9952b, CTA sky #0ea5e9
   ============================================================ */
:root{
  --kz-bg:#0b0a1a;--kz-bg2:#12112a;--kz-bg3:#1b1940;
  --kz-purple:#8b5cf6;--kz-purple-l:#a78bfa;--kz-purple-d:#7c3aed;
  --kz-gold:#c9952b;--kz-gold-l:#dbb356;
  --kz-sky:#0ea5e9;--kz-sky-d:#0284c7;
  --kz-white:#fff;--kz-off:#e4e2f0;--kz-muted:#9694a8;--kz-dim:#605e72;
  --kz-red:#ef4444;
  --kz-head:'Space Grotesk',sans-serif;--kz-text:'DM Sans',sans-serif;
  --kz-r-sm:10px;--kz-r-md:16px;--kz-r-lg:20px;--kz-r-pill:999px;
  --kz-max:1220px;--kz-gap:24px;--kz-speed:.22s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--kz-text);font-size:16px;line-height:1.7;color:var(--kz-off);background:var(--kz-bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--kz-gold);text-decoration:none;transition:color var(--kz-speed)}
a:hover{color:var(--kz-gold-l)}
ul,ol{list-style:none}
h1,h2,h3,h4{font-family:var(--kz-head);font-weight:700;line-height:1.2;color:var(--kz-white)}
h1{font-size:clamp(1.75rem,4vw,2.7rem)}h2{font-size:clamp(1.4rem,3vw,2.1rem)}h3{font-size:clamp(1.1rem,2vw,1.45rem)}
p{margin-bottom:1rem}
.kz-locked{overflow:hidden}
.kz-wrap{width:100%;max-width:var(--kz-max);margin:0 auto;padding:0 20px}

/* Buttons */
.kz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--kz-head);font-weight:600;font-size:1rem;padding:13px 30px;border-radius:var(--kz-r-pill);border:2px solid transparent;cursor:pointer;transition:all var(--kz-speed);text-decoration:none;line-height:1.3}
.kz-btn--fill{background:linear-gradient(135deg,var(--kz-sky),var(--kz-sky-d));color:var(--kz-white);border-color:var(--kz-sky)}
.kz-btn--fill:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(14,165,233,.35);color:var(--kz-white)}
.kz-btn--outline{background:transparent;color:var(--kz-gold);border-color:var(--kz-gold)}
.kz-btn--outline:hover{background:var(--kz-gold);color:var(--kz-bg)}
.kz-btn--big{font-size:1.15rem;padding:17px 42px}
.kz-btn--xs{font-size:.82rem;padding:7px 18px}

/* Topbar */
.kz-topbar{position:sticky;top:0;z-index:1000;background:rgba(11,10,26,.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(139,92,246,.18)}
.kz-topbar__row{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:var(--kz-max);margin:0 auto}
.kz-topbar__brand img{height:40px;width:auto}
.kz-topbar__menu{display:flex;gap:26px}
.kz-topbar__item{color:var(--kz-off);font-weight:500;font-size:.9rem;transition:color var(--kz-speed)}
.kz-topbar__item:hover{color:var(--kz-gold)}
.kz-topbar__ctas{display:flex;gap:10px}
.kz-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.kz-hamburger span{display:block;width:26px;height:2px;background:var(--kz-off);border-radius:2px;transition:var(--kz-speed)}
@media(max-width:768px){
  .kz-topbar__menu{position:fixed;inset:0;background:var(--kz-bg);flex-direction:column;align-items:center;justify-content:center;gap:22px;transform:translateX(-100%);transition:transform .3s ease;z-index:999}
  .kz-topbar__menu--vis{transform:translateX(0)}
  .kz-topbar__menu .kz-topbar__item{font-size:1.25rem}
  .kz-topbar__ctas{display:none}
  .kz-hamburger{display:flex}
}

/* Sections */
.kz-zone{padding:60px 0}
.kz-zone--tinted{background:var(--kz-bg2)}
.kz-zone--gradient{background:linear-gradient(160deg,var(--kz-purple-d) 0%,var(--kz-bg3) 100%)}
.kz-zone--deep{background:var(--kz-bg3)}
.kz-zone--glow{background:linear-gradient(160deg,rgba(139,92,246,.12) 0%,var(--kz-bg) 100%);border-top:1px solid rgba(139,92,246,.15);border-bottom:1px solid rgba(139,92,246,.15)}
.kz-zone__top{text-align:center;margin-bottom:44px}
.kz-zone__top h2{margin-bottom:10px}
.kz-zone__top p{color:var(--kz-muted);font-size:1.02rem;max-width:620px;margin:0 auto}

/* Hero */
.kz-splash{padding:76px 0 60px;text-align:center;background:radial-gradient(ellipse at 50% 20%,rgba(139,92,246,.22) 0%,var(--kz-bg) 70%)}
.kz-splash__tag{display:inline-flex;align-items:center;gap:8px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.35);color:var(--kz-purple-l);font-size:.83rem;font-weight:600;padding:5px 16px;border-radius:var(--kz-r-pill);margin-bottom:18px}
.kz-splash__h1{margin-bottom:14px}
.kz-splash__lead{font-size:1.12rem;color:var(--kz-muted);max-width:580px;margin:0 auto 26px}
.kz-splash__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.kz-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-top:44px;padding:24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:var(--kz-r-md)}
.kz-figure{text-align:center}
.kz-figure__num{display:block;font-family:var(--kz-head);font-size:1.45rem;font-weight:700;color:var(--kz-gold)}
.kz-figure__lbl{font-size:.8rem;color:var(--kz-muted);margin-top:3px}

/* Trust */
.kz-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;padding:22px 0}
.kz-badge{display:flex;align-items:center;gap:10px;font-size:.86rem;color:var(--kz-off);font-weight:500}

/* Grid */
.kz-grid{display:grid;gap:var(--kz-gap)}
.kz-grid--2{grid-template-columns:repeat(2,1fr)}
.kz-grid--3{grid-template-columns:repeat(3,1fr)}
.kz-grid--4{grid-template-columns:repeat(4,1fr)}
.kz-grid--5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1024px){.kz-grid--4,.kz-grid--5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.kz-grid--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.kz-grid--2,.kz-grid--3,.kz-grid--4,.kz-grid--5{grid-template-columns:1fr}}

/* Card */
.kz-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:var(--kz-r-md);padding:26px;transition:transform var(--kz-speed),box-shadow var(--kz-speed)}
.kz-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(139,92,246,.12)}
.kz-card__heading{font-size:1.08rem;margin-bottom:10px}
.kz-card__copy{color:var(--kz-muted);font-size:.9rem;line-height:1.65}

/* Showcase (game cards) */
.kz-showcase{border-radius:var(--kz-r-md);overflow:hidden;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);transition:transform var(--kz-speed)}
.kz-showcase:hover{transform:translateY(-3px)}
.kz-showcase__top{height:115px;display:flex;align-items:center;justify-content:center;position:relative}
.kz-showcase__top--v1{background:linear-gradient(135deg,#8b5cf6,#6366f1)}
.kz-showcase__top--v2{background:linear-gradient(135deg,#10b981,#059669)}
.kz-showcase__top--v3{background:linear-gradient(135deg,#f59e0b,#d97706)}
.kz-showcase__top--v4{background:linear-gradient(135deg,#ef4444,#dc2626)}
.kz-showcase__top--v5{background:linear-gradient(135deg,#0ea5e9,#0284c7)}
.kz-showcase__chip{position:absolute;top:8px;right:8px;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:var(--kz-r-pill);text-transform:uppercase}
.kz-showcase__chip--hot{background:var(--kz-red);color:var(--kz-white)}
.kz-showcase__chip--new{background:var(--kz-sky);color:var(--kz-white)}
.kz-showcase__chip--live{background:var(--kz-purple);color:var(--kz-white)}
.kz-showcase__info{padding:14px}
.kz-showcase__name{font-size:.98rem;margin-bottom:3px}
.kz-showcase__dev{font-size:.78rem;color:var(--kz-muted);margin-bottom:8px}
.kz-showcase__go{font-size:.8rem;font-weight:600;color:var(--kz-sky)}
.kz-showcase__go:hover{color:var(--kz-gold)}

/* Bonus */
.kz-promo{text-align:center;padding:36px;background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(201,149,43,.08));border:1px solid rgba(139,92,246,.25);border-radius:var(--kz-r-lg);margin-bottom:28px}
.kz-promo__sum{font-family:var(--kz-head);font-size:clamp(1.9rem,5vw,3rem);font-weight:700;color:var(--kz-gold);display:block;margin-bottom:6px}
.kz-promo__note{color:var(--kz-muted);font-size:1rem}
.kz-dep-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
@media(max-width:640px){.kz-dep-row{grid-template-columns:1fr}}
.kz-dep{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--kz-r-md);padding:18px;text-align:center}
.kz-dep__num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--kz-purple);color:var(--kz-white);font-weight:700;font-size:.82rem;border-radius:50%;margin-bottom:8px}
.kz-dep__label{font-size:.92rem;color:var(--kz-white);margin-bottom:4px;font-weight:600}
.kz-dep__detail{font-size:.8rem;color:var(--kz-muted)}

/* Steps */
.kz-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:640px){.kz-flow{grid-template-columns:1fr}}
.kz-flowstep{text-align:center;padding:28px 18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:var(--kz-r-md)}
.kz-flowstep__circle{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:linear-gradient(135deg,var(--kz-purple),var(--kz-purple-d));color:var(--kz-white);font-family:var(--kz-head);font-size:1.2rem;font-weight:700;border-radius:50%;margin-bottom:14px}
.kz-flowstep__title{font-size:1.05rem;margin-bottom:8px}
.kz-flowstep__text{font-size:.88rem;color:var(--kz-muted)}

/* Providers */
.kz-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.kz-tag{padding:7px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--kz-r-pill);font-size:.8rem;color:var(--kz-off);font-weight:500}

/* Pay cards */
.kz-paybox{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:var(--kz-r-md);padding:22px}
.kz-paybox__title{font-size:1.02rem;margin-bottom:8px}
.kz-paybox__desc{font-size:.88rem;color:var(--kz-muted);margin-bottom:10px}
.kz-paybox__pills{display:flex;flex-wrap:wrap;gap:5px}
.kz-paybox__pill{font-size:.7rem;padding:3px 9px;background:rgba(139,92,246,.12);color:var(--kz-purple-l);border-radius:var(--kz-r-pill);font-weight:600}
.kz-paybox__time{display:block;font-size:.76rem;color:var(--kz-dim);margin-top:7px}

/* FAQ/Dropdown */
.kz-dropdown__row{border-bottom:1px solid rgba(255,255,255,.07)}
.kz-dropdown__btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 0;background:none;border:none;color:var(--kz-white);font-family:var(--kz-text);font-size:.98rem;font-weight:600;cursor:pointer;text-align:left}
.kz-dropdown__btn:hover{color:var(--kz-gold)}
.kz-dropdown__icon{font-size:.72rem;transition:transform var(--kz-speed);color:var(--kz-purple-l)}
.kz-dropdown__row--on .kz-dropdown__icon{transform:rotate(180deg)}
.kz-dropdown__content{max-height:0;overflow:hidden;transition:max-height .35s ease}
.kz-dropdown__row--on .kz-dropdown__content{max-height:600px}
.kz-dropdown__content p{padding:0 0 16px;color:var(--kz-muted);font-size:.9rem}

/* Prose */
.kz-article{max-width:840px;margin:0 auto}
.kz-article h2{margin-bottom:14px}
.kz-article h3{margin:26px 0 10px;color:var(--kz-gold)}
.kz-article p{color:var(--kz-off)}

/* CTA block */
.kz-endcta{text-align:center;padding:60px 20px;background:radial-gradient(ellipse at 50% 60%,rgba(139,92,246,.18) 0%,var(--kz-bg) 70%)}
.kz-endcta h2{margin-bottom:10px}
.kz-endcta p{color:var(--kz-muted);margin-bottom:22px}

/* Footer */
.kz-bottom{background:var(--kz-bg2);border-top:1px solid rgba(255,255,255,.05);padding:44px 0 20px;font-size:.86rem}
.kz-bottom__grid{display:grid;grid-template-columns:1.2fr 2fr;gap:36px;margin-bottom:28px}
@media(max-width:768px){.kz-bottom__grid{grid-template-columns:1fr}}
.kz-bottom__info img{height:34px;width:auto;margin-bottom:12px}
.kz-bottom__info p{color:var(--kz-muted);font-size:.82rem;line-height:1.6}
.kz-bottom__links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:640px){.kz-bottom__links{grid-template-columns:repeat(2,1fr)}}
.kz-bottom__col h4{font-family:var(--kz-head);font-size:.88rem;color:var(--kz-white);margin-bottom:10px}
.kz-bottom__col ul li{margin-bottom:6px}
.kz-bottom__col ul li a{color:var(--kz-muted);font-size:.8rem}
.kz-bottom__col ul li a:hover{color:var(--kz-gold)}
.kz-bottom__rg{padding:14px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:16px}
.kz-bottom__rg p{color:var(--kz-muted);font-size:.78rem;text-align:center;line-height:1.6}
.kz-bottom__copy{text-align:center}
.kz-bottom__copy p{color:var(--kz-dim);font-size:.76rem;margin-bottom:3px}

/* Inner page hero */
.kz-pagetop{padding:44px 0 28px;text-align:center;background:radial-gradient(ellipse at 50% 30%,rgba(139,92,246,.13) 0%,var(--kz-bg) 70%)}
.kz-pagetop h1{margin-bottom:8px}
.kz-pagetop p{color:var(--kz-muted);max-width:580px;margin:0 auto}
.kz-trail{display:flex;gap:7px;align-items:center;font-size:.78rem;color:var(--kz-muted);justify-content:center;margin-top:12px}
.kz-trail a{color:var(--kz-muted)}.kz-trail a:hover{color:var(--kz-gold)}
.kz-trail__div{opacity:.5}

.kz-text-center{text-align:center}