/* ===== from index.html ===== */

*{box-sizing:border-box;margin:0;padding:0}

:root{
 --bg:#0a1730;
 --bg-deep:#06101f;
 --bg2:#0f1e3d;
 --bg3:#132651;
 --cyan:#5ec8ff;
 --cyan-bd:rgba(94,200,255,.55);
 --cyan-bd-soft:rgba(94,200,255,.22);
 --pink:#ff4d9a;
 --orange:#ff9d2e;
 --yellow:#ffd301;
 --white:#e7f0ff;
 --muted:#7f92b4;
 --red:#e53935;
}

html{scroll-behavior:smooth}

body{
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
 color:var(--white);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;
 background:
  radial-gradient(ellipse 60% 40% at 50% 0%, rgba(94,200,255,.08) 0%, transparent 60%),
  repeating-linear-gradient(90deg,
    rgba(255,255,255,0) 0, rgba(255,255,255,0) 28px,
    rgba(255,255,255,.022) 28px, rgba(255,255,255,.022) 29px),
  linear-gradient(180deg,#0a1730 0%,#06101f 100%);
 background-attachment:fixed;
}

a{color:var(--cyan);text-decoration:none}

a:hover{text-decoration:underline}

img,svg{display:block;max-width:100%}

.wrap{max-width:1180px;margin:0 auto;padding:0 20px}

header{position:sticky;top:0;z-index:50;background:rgba(10,23,48,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--cyan-bd-soft)}

.hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:20px}

.logo{display:inline-flex;align-items:center;line-height:0}

.logo img{height:54px;width:auto;display:block;filter:drop-shadow(0 0 18px rgba(255,77,154,.35))}

.logo-ft img{height:46px}

nav ul{display:flex;gap:26px;list-style:none}

nav a{color:var(--white);font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;position:relative;padding:6px 0}

nav a::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--cyan);transition:width .2s,left .2s;box-shadow:0 0 8px var(--cyan)}

nav a:hover{color:var(--cyan);text-decoration:none}

nav a:hover::after{width:100%;left:0}

.btn{
 display:inline-block;padding:13px 30px;border-radius:30px;
 background:linear-gradient(180deg,#ffc267 0%,#ff9d2e 55%,#e67e10 100%);
 color:#2a1400;font-weight:800;border:0;cursor:pointer;
 font-size:14px;text-transform:uppercase;letter-spacing:1px;
 transition:transform .15s,box-shadow .15s,filter .15s;
 box-shadow:0 0 22px rgba(255,157,46,.55),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 8px rgba(130,60,0,.25);
}

.btn:hover{transform:translateY(-1px);filter:brightness(1.08);text-decoration:none;box-shadow:0 0 32px rgba(255,157,46,.75),inset 0 1px 0 rgba(255,255,255,.5)}

.btn.ghost{background:transparent;color:var(--cyan);border:1.5px solid var(--cyan-bd);box-shadow:0 0 14px rgba(94,200,255,.25),inset 0 0 14px rgba(94,200,255,.08)}

.btn.ghost:hover{background:rgba(94,200,255,.08);color:#fff;filter:none}

.btn-big{padding:16px 38px;font-size:15px}

.btn-login{display:inline-block;padding:11px 22px;border-radius:30px;color:var(--cyan);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;border:1.5px solid var(--cyan-bd);background:rgba(94,200,255,.06);margin-right:8px;transition:background .15s,box-shadow .15s}

.btn-login:hover{background:rgba(94,200,255,.14);text-decoration:none;box-shadow:0 0 14px rgba(94,200,255,.3)}

.burger{display:none;background:none;border:0;cursor:pointer;padding:8px}

.burger span{display:block;width:26px;height:3px;background:var(--white);margin:5px 0;border-radius:2px;box-shadow:0 0 4px var(--cyan)}

@media (max-width:1080px){
 nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(10,23,48,.98);padding:22px;border-top:1px solid var(--cyan-bd-soft)}
 nav ul{flex-direction:column;gap:14px}
 nav.open{display:block}
 .burger{display:block}
 .hdr .btn,.btn-login{display:none}
}

.hero{padding:60px 0 50px;position:relative;overflow:hidden}

.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
 background:
  radial-gradient(ellipse 420px 260px at 18% 50%,rgba(255,77,154,.14),transparent 65%),
  radial-gradient(ellipse 420px 260px at 82% 40%,rgba(94,200,255,.16),transparent 65%);
}

.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;position:relative}

h1{font-size:48px;line-height:1.08;font-weight:800;margin-bottom:18px;letter-spacing:-.5px}

h1 em{font-style:normal;background:linear-gradient(90deg,#ff9d2e,#ffd301);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,157,46,.4))}

.lead{font-size:17px;color:#b8c7e3;max-width:560px;margin-bottom:28px}

.cta-row{display:flex;gap:14px;flex-wrap:wrap}

.hero-visual{position:relative;height:440px;display:flex;align-items:center;justify-content:center}

.hero-banner{
 position:relative;width:100%;max-width:420px;padding:34px 28px 32px;border-radius:22px;
 background:
  radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,77,154,.25),transparent 65%),
  radial-gradient(ellipse 80% 60% at 50% 100%,rgba(94,200,255,.22),transparent 65%),
  linear-gradient(180deg,#112247 0%,#0a1730 55%,#0a1a36 100%);
 border:1.5px solid var(--cyan-bd);
 box-shadow:
  0 0 38px rgba(94,200,255,.28),
  0 18px 40px rgba(0,0,0,.55),
  inset 0 1px 0 rgba(255,255,255,.08);
 text-align:center;overflow:hidden;
}

.hero-banner::before{
 content:"";position:absolute;inset:6px;border-radius:18px;
 border:1px dashed rgba(94,200,255,.25);pointer-events:none}

.hb-badge{
 display:inline-block;padding:5px 14px;border-radius:30px;
 background:rgba(94,200,255,.12);border:1px solid var(--cyan-bd);
 color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;
 margin-bottom:18px;text-shadow:0 0 8px rgba(94,200,255,.5);
 box-shadow:0 0 14px rgba(94,200,255,.2)}

.hb-logo{
 height:78px;width:auto;margin:0 auto 10px;display:block;
 filter:drop-shadow(0 0 22px rgba(255,77,154,.55)) drop-shadow(0 0 12px rgba(255,211,1,.35))}

.hb-percent{
 font-size:98px;font-weight:900;line-height:.92;margin:4px 0 0;letter-spacing:-4px;
 background:linear-gradient(180deg,#fff2c8 0%,#ffd482 35%,#ff9d2e 70%,#d16b08 100%);
 -webkit-background-clip:text;background-clip:text;color:transparent;
 filter:drop-shadow(0 0 26px rgba(255,157,46,.55)) drop-shadow(0 2px 0 rgba(0,0,0,.4))}

.hb-percent span{font-size:64px;margin-left:-2px}

.hb-sub{font-size:17px;color:#e3edff;margin:-2px 0 10px;letter-spacing:.2px}

.hb-sub b{color:#ffd301;font-weight:800;text-shadow:0 0 10px rgba(255,211,1,.45)}

.hb-plus{
 display:inline-block;padding:7px 16px;margin:4px 0 20px;border-radius:8px;
 background:rgba(255,77,154,.12);border:1px solid rgba(255,77,154,.45);
 color:#fff;font-size:15px;font-weight:700;
 box-shadow:0 0 18px rgba(255,77,154,.22)}

.hb-plus span{color:#ff8fbd;font-weight:600;margin-left:4px}

.hb-cta{
 display:inline-block;padding:14px 42px;border-radius:30px;
 background:linear-gradient(180deg,#ffc267 0%,#ff9d2e 55%,#e67e10 100%);
 color:#2a1400;font-weight:800;font-size:15px;letter-spacing:2px;
 box-shadow:0 0 28px rgba(255,157,46,.65),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 8px rgba(130,60,0,.3);
 transition:transform .15s,filter .15s,box-shadow .15s}

.hb-cta:hover{transform:translateY(-1px);filter:brightness(1.08);text-decoration:none;box-shadow:0 0 36px rgba(255,157,46,.8)}

.hb-spark{position:absolute;width:30px;height:30px;opacity:.9}

.hb-spark-1{top:22px;right:26px;filter:drop-shadow(0 0 6px #ffd301)}

.hb-spark-2{top:54px;left:20px;width:22px;height:22px;filter:drop-shadow(0 0 6px #5ec8ff)}

.hb-spark-3{bottom:86px;right:18px;width:20px;height:20px;filter:drop-shadow(0 0 6px #ff4d9a)}

.stats{padding:26px 0;position:relative}

.stats::before,.stats::after{content:"";position:absolute;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-bd),transparent)}

.stats::before{top:0}

.stats::after{bottom:0}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}

.stat b{display:block;font-size:32px;font-weight:800;line-height:1.1;background:linear-gradient(180deg,#fff,#8fd0ff);-webkit-background-clip:text;background-clip:text;color:transparent}

.stat span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}

section{padding:70px 0}

h2{font-size:32px;font-weight:800;margin-bottom:14px;letter-spacing:-.3px;position:relative;display:inline-block;padding-bottom:10px}

h2::after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--cyan),transparent);border-radius:2px;box-shadow:0 0 8px var(--cyan)}

h2 span{color:var(--cyan)}

.sec-intro{color:#b8c7e3;max-width:720px;margin-bottom:40px;font-size:16.5px}

p{margin-bottom:16px;color:#c6d3ea}

p:last-child{margin-bottom:0}

.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:14px}

.cat{padding:28px 18px;text-align:center;border-radius:14px;display:block;color:inherit;
 background:linear-gradient(180deg,rgba(16,32,65,.85) 0%,rgba(10,22,46,.9) 100%);
 border:1px solid var(--cyan-bd-soft);
 box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 22px rgba(94,200,255,.08);
 transition:transform .2s,border-color .2s,box-shadow .2s;
}

.cat:hover{transform:translateY(-3px);border-color:var(--cyan-bd);box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 28px rgba(94,200,255,.25);text-decoration:none}

.cat svg{width:56px;height:56px;margin:0 auto 14px;filter:drop-shadow(0 0 10px rgba(255,77,154,.5)) drop-shadow(0 0 6px rgba(255,211,1,.3))}

.cat b{display:block;font-size:14px;font-weight:700;color:#fff;letter-spacing:.3px}

.cat i{display:block;width:30px;height:2px;margin:10px auto 0;background:var(--cyan);border-radius:2px;box-shadow:0 0 6px var(--cyan);opacity:.7;font-style:normal}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:36px 0}

.step{padding:30px 24px 26px;border-radius:14px;position:relative;
 background:linear-gradient(180deg,rgba(16,32,65,.85) 0%,rgba(10,22,46,.9) 100%);
 border:1px solid var(--cyan-bd-soft);
 box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 22px rgba(94,200,255,.08);
}

.step-num{position:absolute;top:-18px;left:24px;width:40px;height:40px;border-radius:50%;
 background:linear-gradient(180deg,#ffc267 0%,#ff9d2e 100%);color:#2a1400;font-weight:800;
 display:flex;align-items:center;justify-content:center;font-size:18px;
 box-shadow:0 0 18px rgba(255,157,46,.6),inset 0 1px 0 rgba(255,255,255,.5)}

.step h3{font-size:18px;margin-bottom:10px;color:#fff}

.step .amt{font-size:26px;font-weight:800;margin-bottom:10px;display:block;
 background:linear-gradient(90deg,#ff9d2e,#ffd301);-webkit-background-clip:text;background-clip:text;color:transparent}

.step p{font-size:14px;color:#a2b4d4;margin:0}

.fine{margin-top:24px;padding:20px 24px;border-radius:12px;
 background:rgba(94,200,255,.05);border:1px solid var(--cyan-bd-soft);border-left:3px solid var(--cyan);
 font-size:14px;color:#b8c7e3}

.fine strong{color:var(--cyan)}

.games{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.game{padding:26px 24px;border-radius:14px;
 background:linear-gradient(180deg,rgba(16,32,65,.85) 0%,rgba(10,22,46,.9) 100%);
 border:1px solid var(--cyan-bd-soft);
 box-shadow:0 8px 20px rgba(0,0,0,.35),0 0 18px rgba(94,200,255,.06);
 transition:transform .2s,border-color .2s,box-shadow .2s}

.game:hover{transform:translateY(-3px);border-color:var(--cyan-bd);box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 28px rgba(94,200,255,.22)}

.game svg{width:52px;height:52px;margin-bottom:16px;filter:drop-shadow(0 0 10px rgba(255,77,154,.5))}

.game h3{font-size:17px;margin-bottom:8px;color:#fff}

.game p{font-size:14px;color:#a2b4d4;margin:0}

.promos{display:grid;grid-template-columns:1fr 1fr;gap:22px}

.promo{padding:28px;border-radius:14px;
 background:linear-gradient(180deg,rgba(16,32,65,.85) 0%,rgba(10,22,46,.9) 100%);
 border:1px solid var(--cyan-bd-soft);
 box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 22px rgba(94,200,255,.08)}

.promo .tag{display:inline-block;padding:5px 12px;border-radius:30px;
 background:linear-gradient(90deg,#ff9d2e,#ffd301);color:#2a1400;
 font-size:10.5px;font-weight:800;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase;
 box-shadow:0 0 14px rgba(255,157,46,.4)}

.promo h3{font-size:20px;margin-bottom:10px;color:#fff}

.promo p{font-size:14px;color:#a2b4d4;margin:0}

.pay-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}

.pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}

.pay{padding:14px 10px;border-radius:10px;text-align:center;
 background:rgba(16,32,65,.5);border:1px solid var(--cyan-bd-soft);
 font-size:12.5px;font-weight:600;color:#a2b4d4}

.pay b{display:block;color:var(--cyan);font-size:15px;margin-bottom:2px;font-weight:800;text-shadow:0 0 10px rgba(94,200,255,.35)}

table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px;background:rgba(16,32,65,.4);border:1px solid var(--cyan-bd-soft);border-radius:10px;overflow:hidden}

th,td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(94,200,255,.1)}

th{background:rgba(94,200,255,.08);color:var(--cyan);font-weight:700;text-transform:uppercase;font-size:11.5px;letter-spacing:.8px}

tr:last-child td{border-bottom:0}

td{color:#c6d3ea}

.vip-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}

.vip-lvl{padding:24px 14px;border-radius:12px;text-align:center;
 background:linear-gradient(180deg,rgba(16,32,65,.85) 0%,rgba(10,22,46,.9) 100%);
 border:1px solid var(--cyan-bd-soft);transition:border-color .2s,box-shadow .2s}

.vip-lvl:hover{border-color:var(--cyan-bd);box-shadow:0 0 22px rgba(94,200,255,.18)}

.vip-lvl .n{font-size:11px;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase}

.vip-lvl .t{font-size:16px;font-weight:800;color:#fff;margin:8px 0;letter-spacing:.3px}

.vip-lvl .c{font-size:20px;font-weight:800;background:linear-gradient(90deg,#ff9d2e,#ffd301);-webkit-background-clip:text;background-clip:text;color:transparent}

.vip-lvl:last-child{border-color:rgba(255,157,46,.45);box-shadow:0 0 22px rgba(255,157,46,.12)}

.vip-lvl:last-child .n{color:#ffd301}

details{padding:18px 24px;border-radius:12px;margin-bottom:12px;
 background:linear-gradient(180deg,rgba(16,32,65,.75) 0%,rgba(10,22,46,.85) 100%);
 border:1px solid var(--cyan-bd-soft);cursor:pointer;transition:border-color .2s,box-shadow .2s}

details[open]{border-color:var(--cyan-bd);box-shadow:0 0 22px rgba(94,200,255,.14)}

summary{font-weight:700;font-size:15.5px;color:#fff;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}

summary::-webkit-details-marker{display:none}

summary::after{content:"+";color:var(--cyan);font-size:22px;font-weight:400;text-shadow:0 0 8px var(--cyan);flex-shrink:0}

details[open] summary::after{content:"−"}

details p{margin-top:14px;font-size:14.5px;color:#b8c7e3}

.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:38px;align-items:start}

.about-card{padding:30px 24px;border-radius:16px;text-align:center;
 background:
  radial-gradient(ellipse 80% 60% at 50% 0%,rgba(94,200,255,.18),transparent 60%),
  linear-gradient(180deg,rgba(16,32,65,.85) 0%,rgba(10,22,46,.9) 100%);
 border:1px solid var(--cyan-bd);
 box-shadow:0 0 28px rgba(94,200,255,.15),0 10px 26px rgba(0,0,0,.4)}

.about-logo{height:64px;width:auto;margin:4px auto 20px;filter:drop-shadow(0 0 16px rgba(255,77,154,.45))}

.about-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;text-align:left}

.about-meta > div{padding:10px 12px;border-radius:9px;background:rgba(94,200,255,.05);border:1px solid var(--cyan-bd-soft)}

.about-meta span{display:block;font-size:10.5px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:3px}

.about-meta b{font-size:13.5px;color:#fff;font-weight:700}

.cta-banner{padding:48px 42px;border-radius:18px;margin-top:30px;
 display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center;
 background:
   radial-gradient(ellipse at 0% 50%,rgba(255,77,154,.25),transparent 60%),
   radial-gradient(ellipse at 100% 50%,rgba(94,200,255,.2),transparent 60%),
   linear-gradient(135deg,#0f1e3d 0%,#1a2b57 100%);
 border:1px solid var(--cyan-bd);
 box-shadow:0 0 40px rgba(94,200,255,.15),inset 0 1px 0 rgba(255,255,255,.08);
 position:relative;overflow:hidden}

.cta-banner h2{color:#fff;margin-bottom:10px;font-size:28px;padding-bottom:0}

.cta-banner h2::after{display:none}

.cta-banner p{color:#c6d3ea;font-size:15px;margin:0}

footer{background:#050d1a;padding:50px 0 25px;border-top:1px solid var(--cyan-bd-soft);font-size:14px;color:var(--muted)}

.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:30px}

.ft-grid h4{color:#fff;font-size:13px;margin-bottom:14px;text-transform:uppercase;letter-spacing:1px}

.ft-grid ul{list-style:none}

.ft-grid li{margin-bottom:8px}

.ft-grid a{color:#8ea4c6}

.ft-grid a:hover{color:var(--cyan)}

.disclaimer{border-top:1px solid var(--cyan-bd-soft);padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#7f92b4}

.age{display:inline-block;padding:3px 9px;border:2px solid var(--red);color:var(--red);font-weight:800;border-radius:5px;margin-right:10px;font-size:12px}

@media (max-width:900px){
 .hero-grid,.pay-grid,.cta-banner,.ft-grid,.about-grid{grid-template-columns:1fr}
 .hero-visual{height:auto;min-height:400px;order:-1;padding:10px 0 30px}
 .hero-banner{max-width:360px}
 .hb-percent{font-size:78px}
 h1{font-size:34px}
 h2{font-size:26px}
 .stats-grid{grid-template-columns:repeat(2,1fr);gap:22px}
 .steps,.games,.promos,.cats{grid-template-columns:repeat(2,1fr)}
 .vip-levels{grid-template-columns:repeat(2,1fr)}
 nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(10,23,48,.98);padding:22px;border-top:1px solid var(--cyan-bd-soft)}
 nav ul{flex-direction:column;gap:14px}
 nav.open{display:block}
 .burger{display:block}
 .hdr .btn,.btn-login{display:none}
}

@media (max-width:560px){
 h1{font-size:28px}
 .hero{padding:40px 0 30px}
 section{padding:50px 0}
 .stat b{font-size:26px}
 .cta-banner{padding:34px 24px;text-align:center}
 .steps,.games,.promos{grid-template-columns:1fr}
 .cats{grid-template-columns:repeat(2,1fr);gap:10px}
 .cat{padding:16px 10px;border-radius:12px}
 .cat svg{width:36px;height:36px;margin:0 auto 8px}
 .cat b{font-size:13px;line-height:1.2}
 .cat span{font-size:11px;line-height:1.3;display:block;margin-top:4px;color:var(--muted)}
}


/* ===== from mobil.html ===== */

:root{
 --bg:#0a1730;--bg-deep:#06101f;--bg2:#0f1e3d;--bg3:#132651;
 --cyan:#5ec8ff;--cyan-bd:rgba(94,200,255,.55);--cyan-bd-soft:rgba(94,200,255,.22);
 --pink:#ff4d9a;--orange:#ff9d2e;--yellow:#ffd301;
 --white:#e7f0ff;--muted:#7f92b4;--red:#e53935;--green:#2ecc71;
}

.wrap{max-width:1100px;margin:0 auto;padding:0 20px}

nav a.active{color:var(--cyan)}

nav a.active::after{width:100%;left:0}

.breadcrumbs{padding:18px 0;font-size:13px;color:var(--muted);border-bottom:1px solid var(--cyan-bd-soft)}

.breadcrumbs a{color:var(--muted)}

.breadcrumbs a:hover{color:var(--cyan)}

.breadcrumbs span{color:#fff;margin-left:4px}

.hero-m{padding:50px 0 30px;position:relative;overflow:hidden}

.hero-m::before{content:"";position:absolute;inset:0;pointer-events:none;
 background:
  radial-gradient(ellipse 420px 260px at 18% 50%,rgba(255,77,154,.14),transparent 65%),
  radial-gradient(ellipse 420px 260px at 82% 40%,rgba(94,200,255,.16),transparent 65%);}

.hero-m-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;position:relative}

h1{font-size:42px;line-height:1.1;font-weight:800;margin-bottom:16px;letter-spacing:-.4px}

.lead{font-size:17px;color:#b8c7e3;max-width:560px;margin-bottom:24px}

.phone{position:relative;width:260px;height:520px;margin:0 auto;
 border-radius:36px;padding:16px 12px;
 background:linear-gradient(180deg,#1a2b52 0%,#0a1730 100%);
 border:2px solid rgba(94,200,255,.55);
 box-shadow:0 0 40px rgba(94,200,255,.3),0 20px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1)}

.phone::before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:90px;height:18px;border-radius:12px;background:#000}

.phone-screen{height:100%;border-radius:24px;overflow:hidden;position:relative;
 background:linear-gradient(180deg,#0a1730 0%,#06101f 100%);padding:28px 12px 14px}

.phone-screen .pl-logo{text-align:center;margin-bottom:14px}

.phone-screen .pl-logo img{height:30px;margin:0 auto;filter:drop-shadow(0 0 12px rgba(255,77,154,.5))}

.ps-banner{border-radius:10px;padding:14px 10px;text-align:center;
 background:radial-gradient(ellipse at 50% 0%,rgba(255,77,154,.22),transparent 65%),linear-gradient(180deg,#112247,#0a1730);
 border:1px solid var(--cyan-bd);margin-bottom:12px}

.ps-banner .p{font-size:10px;color:var(--cyan);letter-spacing:1.5px;text-transform:uppercase}

.ps-banner .pct{font-size:36px;font-weight:900;line-height:1;
 background:linear-gradient(180deg,#ffd482,#ff9d2e);-webkit-background-clip:text;background-clip:text;color:transparent;
 filter:drop-shadow(0 0 8px rgba(255,157,46,.4));margin:4px 0}

.ps-banner .sm{font-size:10px;color:#e3edff}

.ps-banner .btn-s{display:block;margin-top:8px;padding:7px 0;border-radius:16px;font-size:10px;font-weight:800;letter-spacing:1px;
 background:linear-gradient(180deg,#ffc267,#ff9d2e);color:#2a1400;
 box-shadow:0 0 12px rgba(255,157,46,.5)}

.ps-games{display:grid;grid-template-columns:1fr 1fr;gap:6px}

.ps-tile{aspect-ratio:1.1/1;border-radius:7px;border:1px solid var(--cyan-bd-soft);
 background:linear-gradient(135deg,rgba(94,200,255,.15),rgba(255,77,154,.1));
 display:flex;align-items:center;justify-content:center;font-size:9px;color:#c6d3ea;text-align:center;padding:4px}

.phone-dot{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:48px;height:4px;border-radius:3px;background:rgba(255,255,255,.5)}

.stats{padding:20px 0;position:relative}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}

.stat b{display:block;font-size:28px;font-weight:800;line-height:1.1;background:linear-gradient(180deg,#fff,#8fd0ff);-webkit-background-clip:text;background-clip:text;color:transparent}

.stat span{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}

section{padding:60px 0}

h2{font-size:28px;font-weight:800;margin-bottom:14px;letter-spacing:-.2px;position:relative;display:inline-block;padding-bottom:10px}

.sec-intro{color:#b8c7e3;max-width:720px;margin-bottom:32px;font-size:16px}

p{margin-bottom:14px;color:#c6d3ea}

.answer-card{
 padding:26px 28px;border-radius:14px;margin:6px 0 30px;
 background:
   radial-gradient(ellipse 60% 60% at 0% 0%,rgba(46,204,113,.18),transparent 65%),
   linear-gradient(180deg,rgba(16,32,65,.85),rgba(10,22,46,.9));
 border:1px solid rgba(46,204,113,.4);border-left:4px solid var(--green);
 box-shadow:0 0 22px rgba(46,204,113,.12)}

.answer-card strong{color:var(--green);display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}

.answer-card p{font-size:15.5px;margin:0;color:#e3edff}

.platforms{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}

.plat{padding:28px 26px;border-radius:14px;
 background:linear-gradient(180deg,rgba(16,32,65,.85),rgba(10,22,46,.9));
 border:1px solid var(--cyan-bd-soft);
 box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 22px rgba(94,200,255,.08)}

.plat-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--cyan-bd-soft)}

.plat-head svg{width:38px;height:38px;flex-shrink:0}

.plat-head h3{font-size:20px;color:#fff;margin:0}

.plat-head .os{font-size:11.5px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}

.plat ol{padding-left:22px;counter-reset:st}

.plat li{margin-bottom:10px;font-size:14.5px;color:#c6d3ea;padding-left:6px}

.plat li::marker{color:var(--cyan);font-weight:800}

.plat li b{color:#fff}

.plat .tip{margin-top:14px;padding:12px 14px;border-radius:9px;
 background:rgba(94,200,255,.08);border-left:3px solid var(--cyan);font-size:13px;color:#b8c7e3}

.plat .tip b{color:var(--cyan)}

.works{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}

.work{padding:22px 20px;border-radius:12px;
 background:linear-gradient(180deg,rgba(16,32,65,.85),rgba(10,22,46,.9));
 border:1px solid var(--cyan-bd-soft);
 box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 16px rgba(94,200,255,.06);
 transition:transform .2s,border-color .2s,box-shadow .2s}

.work:hover{transform:translateY(-2px);border-color:var(--cyan-bd);box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 26px rgba(94,200,255,.2)}

.work svg{width:36px;height:36px;margin-bottom:12px;filter:drop-shadow(0 0 8px rgba(255,77,154,.5))}

.work h3{font-size:16px;margin-bottom:8px;color:#fff}

.work p{font-size:13.5px;color:#a2b4d4;margin:0}

.warn{margin-top:34px;padding:26px 28px;border-radius:14px;
 background:
  radial-gradient(ellipse 60% 60% at 0% 0%,rgba(229,57,53,.18),transparent 65%),
  linear-gradient(180deg,rgba(42,16,32,.75),rgba(26,10,22,.85));
 border:1px solid rgba(229,57,53,.45);border-left:4px solid var(--red);
 box-shadow:0 0 22px rgba(229,57,53,.1)}

.warn h3{color:#ffbaba;font-size:18px;margin-bottom:10px;display:flex;align-items:center;gap:10px}

.warn h3::before{content:"!";display:inline-flex;align-items:center;justify-content:center;
 width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;font-size:14px}

.warn p{font-size:14.5px;color:#e3cfcf;margin-bottom:10px}

.warn ul{margin:8px 0 0 20px;color:#e3cfcf;font-size:14px}

.warn ul li{margin-bottom:6px}

.promos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}

.promo{padding:26px;border-radius:14px;
 background:linear-gradient(180deg,rgba(16,32,65,.85),rgba(10,22,46,.9));
 border:1px solid var(--cyan-bd-soft);
 box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 22px rgba(94,200,255,.08)}

.promo .tag{display:inline-block;padding:5px 12px;border-radius:30px;
 background:linear-gradient(90deg,#ff9d2e,#ffd301);color:#2a1400;
 font-size:10.5px;font-weight:800;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase;
 box-shadow:0 0 14px rgba(255,157,46,.4)}

.promo h3{font-size:18px;margin-bottom:10px;color:#fff}

.compare{margin-top:20px;overflow-x:auto;border:1px solid var(--cyan-bd-soft);border-radius:10px;background:rgba(16,32,65,.4)}

.compare table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}

.compare th,.compare td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(94,200,255,.1)}

.compare th{background:rgba(94,200,255,.08);color:var(--cyan);font-weight:700;text-transform:uppercase;font-size:11.5px;letter-spacing:.8px}

.compare tr:last-child td{border-bottom:0}

.compare td{color:#c6d3ea}

.compare td.ok{color:var(--green);font-weight:700}

.compare td.no{color:#ff8a8a;font-weight:700}

details{padding:18px 22px;border-radius:12px;margin-bottom:10px;
 background:linear-gradient(180deg,rgba(16,32,65,.75),rgba(10,22,46,.85));
 border:1px solid var(--cyan-bd-soft);cursor:pointer;transition:border-color .2s,box-shadow .2s}

summary{font-weight:700;font-size:15px;color:#fff;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}

details p{margin-top:12px;font-size:14px;color:#b8c7e3}

.cta-banner{padding:44px 42px;border-radius:18px;margin-top:30px;
 display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center;
 background:
   radial-gradient(ellipse at 0% 50%,rgba(255,77,154,.25),transparent 60%),
   radial-gradient(ellipse at 100% 50%,rgba(94,200,255,.2),transparent 60%),
   linear-gradient(135deg,#0f1e3d 0%,#1a2b57 100%);
 border:1px solid var(--cyan-bd);
 box-shadow:0 0 40px rgba(94,200,255,.15),inset 0 1px 0 rgba(255,255,255,.08);
 position:relative;overflow:hidden}

.cta-banner h2{color:#fff;margin-bottom:10px;font-size:26px;padding-bottom:0}

.btn-big{padding:15px 34px;font-size:15px}

footer{background:#050d1a;padding:46px 0 24px;border-top:1px solid var(--cyan-bd-soft);font-size:14px;color:var(--muted)}

.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:28px}

@media (max-width:900px){
 .hero-m-grid,.cta-banner,.ft-grid{grid-template-columns:1fr}
 .hero-m-grid{gap:30px}
 .phone{order:-1}
 .platforms,.promos{grid-template-columns:1fr}
 .works{grid-template-columns:repeat(2,1fr)}
 h1{font-size:32px}h2{font-size:24px}
 .stats-grid{grid-template-columns:repeat(2,1fr);gap:22px}
 nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(10,23,48,.98);padding:22px;border-top:1px solid var(--cyan-bd-soft)}
 nav ul{flex-direction:column;gap:14px}
 nav.open{display:block}
 .burger{display:block}
 .hdr .btn,.btn-login{display:none}
}

@media (max-width:560px){
 h1{font-size:26px}h2{font-size:22px}
 .hero-m{padding:34px 0 20px}
 section{padding:44px 0}
 .works{grid-template-columns:1fr}
 .cta-banner{padding:30px 22px;text-align:center}
 .phone{width:220px;height:440px}
}


/* ===== from fizetes.html ===== */

body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--white);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;
 background:radial-gradient(ellipse 60% 40% at 50% 0%, rgba(94,200,255,.08) 0%, transparent 60%),
  repeating-linear-gradient(90deg,rgba(255,255,255,0) 0, rgba(255,255,255,0) 28px,rgba(255,255,255,.022) 28px, rgba(255,255,255,.022) 29px),
  linear-gradient(180deg,#0a1730 0%,#06101f 100%);background-attachment:fixed}

.btn{display:inline-block;padding:13px 30px;border-radius:30px;background:linear-gradient(180deg,#ffc267 0%,#ff9d2e 55%,#e67e10 100%);color:#2a1400;font-weight:800;border:0;cursor:pointer;font-size:14px;text-transform:uppercase;letter-spacing:1px;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 0 22px rgba(255,157,46,.55),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 8px rgba(130,60,0,.25)}

.hero-m::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 420px 260px at 18% 50%,rgba(255,77,154,.14),transparent 65%),radial-gradient(ellipse 420px 260px at 82% 40%,rgba(94,200,255,.16),transparent 65%)}

.pay-visual{position:relative;padding:32px 28px;border-radius:20px;
 background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,77,154,.22),transparent 65%),radial-gradient(ellipse 80% 60% at 50% 100%,rgba(94,200,255,.2),transparent 65%),linear-gradient(180deg,#112247 0%,#0a1730 55%,#0a1a36 100%);
 border:1.5px solid var(--cyan-bd);box-shadow:0 0 38px rgba(94,200,255,.28),0 18px 40px rgba(0,0,0,.55)}

.pv-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}

.pv-row:last-child{margin-bottom:0}

.pv-cell{padding:12px 10px;border-radius:10px;background:rgba(94,200,255,.08);border:1px solid var(--cyan-bd-soft);text-align:center}

.pv-cell b{display:block;font-size:15px;color:var(--cyan);text-shadow:0 0 10px rgba(94,200,255,.4);font-weight:800;margin-bottom:2px}

.pv-cell span{font-size:11px;color:var(--muted);letter-spacing:.6px}

.pv-amount{text-align:center;padding:18px 0 14px;border-bottom:1px dashed rgba(94,200,255,.25);margin-bottom:12px}

.pv-amount b{font-size:44px;font-weight:900;background:linear-gradient(180deg,#fff2c8,#ff9d2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(255,157,46,.4));display:block;line-height:1}

.pv-amount span{font-size:12px;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase}

section{padding:56px 0}

.sec-intro{color:#b8c7e3;max-width:780px;margin-bottom:32px;font-size:16px}

.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:12px}

.method{padding:24px 22px;border-radius:12px;background:linear-gradient(180deg,rgba(16,32,65,.85),rgba(10,22,46,.9));border:1px solid var(--cyan-bd-soft);box-shadow:0 6px 18px rgba(0,0,0,.3),0 0 16px rgba(94,200,255,.06);transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}

.method:hover{transform:translateY(-2px);border-color:var(--cyan-bd);box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 26px rgba(94,200,255,.2)}

.method .brand{font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;font-weight:700}

.method h3{font-size:18px;margin-bottom:12px;color:#fff}

.method ul{list-style:none;margin-top:6px}

.method li{font-size:13.5px;color:#b8c7e3;padding:4px 0;border-bottom:1px dashed rgba(94,200,255,.12);display:flex;justify-content:space-between}

.method li:last-child{border:0}

.method li b{color:#fff;font-weight:600}

.method.recommended{border-color:rgba(46,204,113,.45);box-shadow:0 0 22px rgba(46,204,113,.18)}

.method.recommended .brand{color:var(--green)}

.method.recommended::before{content:"Ajánlott";position:absolute;top:-10px;right:14px;padding:3px 10px;border-radius:20px;background:var(--green);color:#002818;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}

.tbl-wrap{margin-top:18px;overflow-x:auto;border:1px solid var(--cyan-bd-soft);border-radius:10px;background:rgba(16,32,65,.4)}

.tbl-wrap table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}

.tbl-wrap th,.tbl-wrap td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(94,200,255,.1)}

.tbl-wrap th{background:rgba(94,200,255,.08);color:var(--cyan);font-weight:700;text-transform:uppercase;font-size:11.5px;letter-spacing:.8px}

.tbl-wrap tr:last-child td{border-bottom:0}

.tbl-wrap td{color:#c6d3ea}

.tbl-wrap td b{color:#fff}

.tbl-wrap td.ok{color:var(--green);font-weight:700}

.tbl-wrap td.no{color:#ff8a8a;font-weight:700}

.tbl-wrap td.w{color:#ffd301;font-weight:700}

.steps-k{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}

.step-k{padding:22px 18px;border-radius:12px;background:linear-gradient(180deg,rgba(16,32,65,.85),rgba(10,22,46,.9));border:1px solid var(--cyan-bd-soft);position:relative}

.step-k .n{position:absolute;top:-14px;left:18px;width:32px;height:32px;border-radius:50%;background:linear-gradient(180deg,#ffc267,#ff9d2e);color:#2a1400;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px rgba(255,157,46,.5)}

.step-k h3{font-size:15px;margin:12px 0 8px;color:#fff}

.step-k p{font-size:13.5px;color:#a2b4d4;margin:0}

.tips{margin-top:24px;padding:22px 26px;border-radius:12px;background:rgba(94,200,255,.06);border:1px solid var(--cyan-bd-soft);border-left:3px solid var(--cyan)}

.tips h3{color:var(--cyan);font-size:16px;margin-bottom:10px}

.tips p{font-size:14.5px;color:#b8c7e3;margin-bottom:10px}

.tips p:last-child{margin-bottom:0}

details{padding:18px 22px;border-radius:12px;margin-bottom:10px;background:linear-gradient(180deg,rgba(16,32,65,.75),rgba(10,22,46,.85));border:1px solid var(--cyan-bd-soft);cursor:pointer;transition:border-color .2s,box-shadow .2s}

.cta-banner{padding:40px 38px;border-radius:18px;margin-top:30px;display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center;
 background:radial-gradient(ellipse at 0% 50%,rgba(255,77,154,.25),transparent 60%),radial-gradient(ellipse at 100% 50%,rgba(94,200,255,.2),transparent 60%),linear-gradient(135deg,#0f1e3d 0%,#1a2b57 100%);
 border:1px solid var(--cyan-bd);box-shadow:0 0 40px rgba(94,200,255,.15),inset 0 1px 0 rgba(255,255,255,.08)}

.cta-banner h2{color:#fff;margin-bottom:10px;font-size:24px;padding-bottom:0}

.btn-big{padding:15px 32px;font-size:15px}

@media (max-width:900px){
 .hero-m-grid,.cta-banner,.ft-grid{grid-template-columns:1fr}
 .methods{grid-template-columns:1fr 1fr}
 .steps-k{grid-template-columns:repeat(2,1fr)}
 h1{font-size:32px}h2{font-size:24px}
 .stats-grid{grid-template-columns:repeat(2,1fr);gap:22px}
 nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(10,23,48,.98);padding:22px;border-top:1px solid var(--cyan-bd-soft)}
 nav ul{flex-direction:column;gap:14px}nav.open{display:block}.burger{display:block}
 .hdr .btn,.btn-login{display:none}
}

@media (max-width:560px){
 h1{font-size:26px}h2{font-size:22px}
 .methods{grid-template-columns:1fr}.steps-k{grid-template-columns:1fr}
 section{padding:42px 0}
 .cta-banner{padding:28px 20px;text-align:center}
}


/* ===== from vip.html ===== */

:root{
 --bg:#0a1730;--bg-deep:#06101f;--bg2:#0f1e3d;--bg3:#132651;
 --cyan:#5ec8ff;--cyan-bd:rgba(94,200,255,.55);--cyan-bd-soft:rgba(94,200,255,.22);
 --pink:#ff4d9a;--orange:#ff9d2e;--yellow:#ffd301;--white:#e7f0ff;--muted:#7f92b4;
}

body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--white);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;
 background:
  radial-gradient(ellipse 60% 40% at 50% 0%, rgba(255,211,1,.08) 0%, transparent 60%),
  repeating-linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 28px,rgba(255,255,255,.022) 28px,rgba(255,255,255,.022) 29px),
  linear-gradient(180deg,#0a1730 0%,#06101f 100%);
 background-attachment:fixed;}

.logo img{height:54px;filter:drop-shadow(0 0 18px rgba(255,77,154,.35))}

nav ul{display:flex;gap:22px;list-style:none}

nav a{color:var(--white);font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:6px 0;position:relative}

nav a.active{color:var(--yellow)}

.btn{display:inline-block;padding:13px 30px;border-radius:30px;background:linear-gradient(180deg,#ffc267 0%,#ff9d2e 55%,#e67e10 100%);color:#2a1400;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 22px rgba(255,157,46,.55),inset 0 1px 0 rgba(255,255,255,.45)}

.btn:hover{text-decoration:none;filter:brightness(1.08)}

.btn-login{display:inline-block;padding:11px 22px;border-radius:30px;color:var(--cyan);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;border:1.5px solid var(--cyan-bd);background:rgba(94,200,255,.06);margin-right:8px}

h1,h2,h3{font-family:Arial,sans-serif;letter-spacing:.3px}

h1{font-size:44px;line-height:1.1;margin-bottom:14px;font-weight:900;text-transform:uppercase}

h1 em{font-style:normal;background:linear-gradient(135deg,#ff4d9a 0%,#ffd301 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

h2{font-size:30px;margin:16px 0 18px;font-weight:900;text-transform:uppercase}

h2 span{background:linear-gradient(135deg,#ff4d9a 0%,#ffd301 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

h3{font-size:19px;margin:0 0 10px;font-weight:800}

p{margin-bottom:14px;color:#c7d3ee}

.sec-intro{color:#9fb1d3;font-size:15px;max-width:820px;margin-bottom:26px}

.hero{padding:54px 0 40px}

.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}

.hero p.lead{font-size:17px;color:#d5def0}

.crown-visual{position:relative;aspect-ratio:5/4;background:radial-gradient(circle at 50% 40%,rgba(255,211,1,.22),transparent 60%),linear-gradient(160deg,#12284f,#0b1a38);border:2px solid rgba(255,211,1,.55);border-radius:20px;padding:28px;overflow:hidden;box-shadow:0 0 40px rgba(255,211,1,.2),inset 0 0 40px rgba(255,211,1,.08)}

.crown-visual::before{content:"";position:absolute;inset:14px;border:1px dashed rgba(255,211,1,.35);border-radius:14px;pointer-events:none}

.cv-big{position:absolute;inset:0;display:grid;place-items:center}

.cv-big svg{width:62%;height:auto}

.cv-tag{position:absolute;top:20px;left:20px;padding:8px 14px;border-radius:999px;background:rgba(11,16,32,.7);border:1px solid var(--cyan-bd);color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}

.cv-sub{position:absolute;bottom:22px;left:22px;right:22px;padding:12px 16px;border-radius:14px;background:rgba(11,16,32,.72);border:1px solid rgba(255,211,1,.45);font-size:13px;color:#fff2c8}

.cv-sub b{color:var(--yellow)}

.stats{background:rgba(6,16,31,.55);border-top:1px solid var(--cyan-bd-soft);border-bottom:1px solid var(--cyan-bd-soft);padding:26px 0}

.stat b{display:block;font-size:30px;font-weight:900;background:linear-gradient(135deg,#5ec8ff,#ffd301);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:4px}

.stat span{color:var(--muted);font-size:13px;letter-spacing:.5px;text-transform:uppercase}

section{padding:50px 0}

.tiers{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:10px}

.tier{position:relative;background:linear-gradient(160deg,rgba(18,35,69,.8),rgba(10,23,48,.65));border:2px solid var(--cyan-bd-soft);border-radius:20px;padding:22px 18px;text-align:center;transition:transform .18s,border-color .18s,box-shadow .18s}

.tier:hover{transform:translateY(-4px);border-color:var(--cyan-bd);box-shadow:0 0 30px rgba(94,200,255,.22)}

.tier .tg-ico{width:70px;height:70px;margin:0 auto 10px;display:grid;place-items:center;border-radius:18px;background:rgba(11,16,32,.55);border:1px solid rgba(255,211,1,.4)}

.tier h3{font-size:18px;margin-bottom:4px}

.tier .tg-pts{font-size:12px;color:var(--muted);margin-bottom:10px;letter-spacing:.4px;text-transform:uppercase}

.tier .tg-cb{font-size:26px;font-weight:900;color:var(--yellow);margin-bottom:6px}

.tier .tg-cb span{font-size:13px;color:#c7d3ee;display:block;font-weight:600;margin-top:2px}

.tier ul{list-style:none;text-align:left;margin-top:14px;font-size:13px;color:#cbd5ee}

.tier ul li{padding:5px 0 5px 18px;position:relative}

.tier ul li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}

.tier.diamond{border-color:rgba(255,211,1,.7);background:linear-gradient(160deg,rgba(60,40,12,.5),rgba(18,35,69,.6));box-shadow:0 0 30px rgba(255,211,1,.18)}

.tier.diamond .tg-cb{color:#fff}

.points-card{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;background:linear-gradient(160deg,rgba(11,16,32,.72),rgba(18,35,69,.5));border:2px solid rgba(255,77,154,.45);border-radius:22px;padding:28px;box-shadow:0 0 30px rgba(255,77,154,.15)}

.points-card h3{font-size:22px;margin-bottom:10px}

.points-card .big{font-size:48px;font-weight:900;line-height:1;background:linear-gradient(135deg,#ff4d9a,#ffd301);-webkit-background-clip:text;background-clip:text;color:transparent}

.points-card .big small{font-size:16px;color:#cbd5ee;font-weight:500;display:block;margin-top:4px}

.points-visual{aspect-ratio:1;max-width:300px;margin:0 auto;background:radial-gradient(circle at 50% 50%,rgba(94,200,255,.25),transparent 70%);display:grid;place-items:center}

.perk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.perk{background:rgba(11,16,32,.62);border:1px solid var(--cyan-bd-soft);border-radius:16px;padding:20px}

.perk .pk-ico{width:44px;height:44px;border-radius:12px;background:rgba(94,200,255,.1);border:1px solid var(--cyan-bd-soft);display:grid;place-items:center;margin-bottom:12px}

.perk h3{font-size:16px;margin-bottom:6px}

.perk p{font-size:14px;color:#9fb1d3;margin:0}

.limits-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:14px;font-size:14px;background:rgba(11,16,32,.5);border:1px solid var(--cyan-bd-soft);border-radius:16px;overflow:hidden}

.limits-table th,.limits-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--cyan-bd-soft)}

.limits-table th{background:rgba(255,77,154,.14);color:#ffd8e9;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.6px}

.limits-table tr:last-child td{border-bottom:0}

.limits-table td:first-child{font-weight:700;color:var(--yellow)}

.limits-table tr:hover td{background:rgba(94,200,255,.05)}

.how-box{background:linear-gradient(135deg,rgba(255,157,46,.08),rgba(255,211,1,.06));border:1px solid rgba(255,157,46,.35);border-radius:18px;padding:26px}

.how-box ol{padding-left:22px;color:#e2eaf9;font-size:15px}

.how-box ol li{margin-bottom:10px}

.how-box ol li strong{color:var(--yellow)}

details.faq{background:rgba(11,16,32,.62);border:1px solid var(--cyan-bd-soft);border-radius:12px;margin-bottom:10px;overflow:hidden}

details.faq summary{padding:16px 20px;cursor:pointer;font-weight:700;color:var(--white);list-style:none;font-size:15px;display:flex;justify-content:space-between;align-items:center}

details.faq summary::-webkit-details-marker{display:none}

details.faq summary::after{content:"+";font-size:22px;color:var(--cyan);font-weight:400}

details.faq[open] summary::after{content:"−"}

details.faq div{padding:0 20px 16px;color:#c7d3ee;font-size:14px;line-height:1.65}

.cta-banner{margin-top:30px;padding:40px;text-align:center;background:linear-gradient(135deg,rgba(255,77,154,.15),rgba(255,211,1,.1));border:2px solid var(--cyan-bd);border-radius:22px;box-shadow:0 0 40px rgba(94,200,255,.15)}

.cta-banner h2{margin-bottom:8px}

.cta-banner p{color:#d5def0}

footer{padding:50px 0 34px;border-top:1px solid var(--cyan-bd-soft);margin-top:40px;color:var(--muted);font-size:13px}

.ft-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;margin-bottom:28px}

footer h4{color:var(--white);text-transform:uppercase;font-size:13px;letter-spacing:1px;margin-bottom:14px}

footer ul{list-style:none}

footer ul li{margin-bottom:6px}

.disc{padding-top:20px;border-top:1px solid var(--cyan-bd-soft);font-size:12px;line-height:1.6}

@media (max-width:960px){
 .hero-grid{grid-template-columns:1fr}
 .stats-grid{grid-template-columns:repeat(2,1fr)}
 .tiers{grid-template-columns:repeat(2,1fr)}
 .perk-grid{grid-template-columns:1fr}
 .points-card{grid-template-columns:1fr}
 .ft-grid{grid-template-columns:1fr}
 h1{font-size:30px}h2{font-size:22px}
}


/* ===== from gyik.html ===== */

:root{--bg:#0a1730;--bg-deep:#06101f;--cyan:#5ec8ff;--cyan-bd:rgba(94,200,255,.55);--cyan-bd-soft:rgba(94,200,255,.22);--pink:#ff4d9a;--orange:#ff9d2e;--yellow:#ffd301;--white:#e7f0ff;--muted:#7f92b4}

body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--white);line-height:1.6;font-size:16px;
 background:
  radial-gradient(ellipse 60% 40% at 50% 0%,rgba(94,200,255,.08) 0%,transparent 60%),
  repeating-linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 28px,rgba(255,255,255,.022) 28px,rgba(255,255,255,.022) 29px),
  linear-gradient(180deg,#0a1730 0%,#06101f 100%);
 background-attachment:fixed}

h1{font-size:42px;line-height:1.1;margin-bottom:14px;font-weight:900;text-transform:uppercase;font-family:Arial,sans-serif;letter-spacing:.3px}

h1 em{font-style:normal;background:linear-gradient(135deg,#ff4d9a,#ffd301);-webkit-background-clip:text;background-clip:text;color:transparent}

h2{font-size:26px;margin:12px 0 14px;font-weight:900;text-transform:uppercase;font-family:Arial,sans-serif}

h2 span{background:linear-gradient(135deg,#ff4d9a,#ffd301);-webkit-background-clip:text;background-clip:text;color:transparent}

p{color:#c7d3ee;margin-bottom:12px}

.sec-intro{color:#9fb1d3;font-size:15px;max-width:820px;margin-bottom:22px}

.hero{padding:46px 0 26px}

.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center}

.faq-visual{aspect-ratio:5/4;background:radial-gradient(circle at 60% 40%,rgba(255,77,154,.18),transparent 60%),linear-gradient(160deg,#12284f,#0b1a38);border:2px solid var(--cyan-bd);border-radius:20px;padding:26px;position:relative;overflow:hidden}

.faq-visual::before{content:"";position:absolute;inset:14px;border:1px dashed rgba(94,200,255,.35);border-radius:14px;pointer-events:none}

.fv-q{position:absolute;font-family:Georgia,serif;font-weight:900;color:rgba(255,211,1,.22);font-size:180px;line-height:1;top:10px;left:20px}

.fv-bubbles{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;margin-top:30px}

.fv-bubble{background:rgba(11,16,32,.8);border:1px solid var(--cyan-bd-soft);border-radius:16px;padding:12px 16px;font-size:13px;max-width:82%;color:#cbd5ee}

.fv-bubble.right{align-self:flex-end;background:rgba(255,77,154,.15);border-color:rgba(255,77,154,.45);color:#ffd8e9}

.anchors{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 10px;padding:20px;background:rgba(11,16,32,.55);border:1px solid var(--cyan-bd-soft);border-radius:16px}

.anchors a{display:block;padding:10px 12px;border-radius:10px;background:rgba(94,200,255,.08);border:1px solid var(--cyan-bd-soft);color:#dbeaff;font-size:13px;text-align:center;font-weight:700;transition:all .15s}

.anchors a:hover{text-decoration:none;background:rgba(255,77,154,.14);border-color:rgba(255,77,154,.45);color:#fff}

section{padding:36px 0}

details.faq{background:rgba(11,16,32,.62);border:1px solid var(--cyan-bd-soft);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:border-color .15s}

details.faq[open]{border-color:var(--cyan-bd)}

details.faq summary{padding:16px 20px;cursor:pointer;font-weight:700;color:var(--white);list-style:none;font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:14px}

details.faq summary::after{content:"+";font-size:22px;color:var(--cyan);font-weight:400;flex-shrink:0}

details.faq div p{margin-bottom:8px}

.block-title{display:flex;align-items:center;gap:14px;padding:16px 22px;margin-bottom:18px;background:linear-gradient(135deg,rgba(255,77,154,.12),rgba(94,200,255,.06));border:1px solid rgba(255,77,154,.35);border-radius:14px}

.block-title .bt-num{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff4d9a,#ffd301);color:#1a0820;font-weight:900;font-size:16px;flex-shrink:0}

.block-title h2{margin:0}

.cta-banner{margin-top:30px;padding:36px;text-align:center;background:linear-gradient(135deg,rgba(255,77,154,.15),rgba(255,211,1,.1));border:2px solid var(--cyan-bd);border-radius:22px}

footer{padding:46px 0 30px;border-top:1px solid var(--cyan-bd-soft);margin-top:40px;color:var(--muted);font-size:13px}

.ft-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;margin-bottom:26px}

@media (max-width:960px){
 .hero-grid{grid-template-columns:1fr}
 .anchors{grid-template-columns:repeat(2,1fr)}
 .ft-grid{grid-template-columns:1fr}
 h1{font-size:30px}h2{font-size:20px}
}

/* ===== apró kiegészítés: scroll utáni header ===== */
header.scrolled{box-shadow:0 6px 20px rgba(0,0,0,.35);background:rgba(10,23,48,.95)}

/* ================================================================
   2026 Q2 update: flatten AI-pattern gradients, neon icons, new pages
   Ezek felülírják a korábbi fájlbeli szabályokat azokon az elemeken,
   ahol ízlés szerint egyszerűbb kinézet kellett (H2, statisztika, hero em).
   ================================================================ */

/* H2 — no gradient span, no gradient underline. Left neon bar instead. */
h2 span{background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;color:var(--cyan) !important;-webkit-text-fill-color:var(--cyan) !important;filter:none !important}
h2::after{display:none}
section h2,.wrap > h2,article h2{padding-left:16px;padding-bottom:0;border-left:3px solid #ff9d2e;line-height:1.1}
.cta-banner h2{padding-left:0;border-left:0}

/* Statistic numbers — solid color, no clipped gradient text */
.stat b{background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;color:#fff !important;-webkit-text-fill-color:#fff !important;filter:none !important;text-shadow:0 0 18px rgba(94,200,255,.35)}

/* Hero H1 em — keep accent but flat color, no clipped gradient */
h1 em{background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;color:var(--cyan) !important;-webkit-text-fill-color:var(--cyan) !important;filter:drop-shadow(0 0 10px rgba(94,200,255,.4)) !important;font-style:normal}

/* Gyors navigáció ikonok — neon cyan glow ala Dude Spin sidebar */
.cat{transition:transform .2s,border-color .2s,box-shadow .2s}
.cat svg{width:52px;height:52px;margin:0 auto 14px;filter:drop-shadow(0 0 4px #5ec8ff) drop-shadow(0 0 10px rgba(94,200,255,.55)) !important;stroke:#5ec8ff}
.cat:hover svg{filter:drop-shadow(0 0 6px #5ec8ff) drop-shadow(0 0 14px rgba(94,200,255,.85)) !important}

/* Tables shared (bonusz, promociok, jatekok) */
.tbl-wrap{overflow-x:auto;margin:18px 0 26px;border:1px solid rgba(94,200,255,.18);border-radius:12px}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px;color:#c6d3ea}
.tbl thead th{background:rgba(94,200,255,.08);color:#fff;font-weight:700;text-align:left;padding:12px 16px;letter-spacing:.3px;text-transform:uppercase;font-size:12px;border-bottom:1px solid rgba(94,200,255,.22)}
.tbl tbody td{padding:11px 16px;border-bottom:1px dashed rgba(94,200,255,.1)}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl tbody tr:hover{background:rgba(94,200,255,.03)}
.tbl tbody td:last-child{color:#fff;font-weight:600}

/* Page sub-heading inside a section */
h3.sub{font-size:16.5px;color:#ff9d2e;font-weight:700;margin:22px 0 10px;letter-spacing:.2px;text-transform:none}
h3.sub::after{display:none}

/* Quick-facts pod inline row under H1 (bonusz, fizetés stb.) */
.qfacts{display:flex;flex-wrap:wrap;gap:28px 36px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(94,200,255,.12)}
.qfacts > div{display:flex;flex-direction:column;gap:3px;min-width:110px}
.qfacts span{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:#8ea4c6}
.qfacts b{font-size:17px;color:#fff;font-weight:700}

/* Page hero — new unified hero without the neon banner visual */
.page-hero{padding:46px 0 24px;position:relative}
.page-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 420px 260px at 15% 40%,rgba(94,200,255,.1),transparent 60%),radial-gradient(ellipse 420px 260px at 85% 40%,rgba(255,77,154,.08),transparent 60%)}
.page-hero h1{position:relative;font-size:38px;font-weight:800;line-height:1.1;margin-bottom:14px;max-width:860px}
.page-hero .lead{position:relative;color:#c6d3ea;max-width:760px;font-size:16px;line-height:1.65;margin-bottom:26px}
.page-hero .cta-row{position:relative}

/* Bonusz page: three-step deposit blocks */
.bn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}
.bn-step{position:relative;padding:22px 20px;border:1px solid rgba(94,200,255,.2);border-radius:14px;background:rgba(12,24,52,.6)}
.bn-step::before{content:"";position:absolute;left:-1px;top:-1px;width:48px;height:4px;background:#ff9d2e;border-radius:14px 0 0 0}
.bn-head{font-size:11px;letter-spacing:1.3px;color:#ff9d2e;text-transform:uppercase;font-weight:700;margin-bottom:10px}
.bn-amt{font-size:22px;font-weight:800;color:#fff;line-height:1.2}
.bn-amt b{color:var(--cyan)}
.bn-plus{color:#ffd301;font-size:13px;margin:6px 0 14px}
.bn-list{list-style:none;margin:0}
.bn-list li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed rgba(94,200,255,.1);font-size:13.5px;color:#a2b4d4}
.bn-list li:last-child{border-bottom:0}
.bn-list li b{color:#fff;font-weight:600}

.note-sm{font-size:13.5px;color:#8ea4c6;margin-top:18px;padding:12px 14px;border-left:2px solid rgba(255,157,46,.5);background:rgba(255,157,46,.05);border-radius:0 6px 6px 0}

/* 4 steps (aktiválás, KYC) */
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:12px 0 20px}
.stp{position:relative;padding:22px 18px 18px;border:1px solid rgba(94,200,255,.2);border-radius:14px;background:rgba(12,24,52,.55)}
.stp > b{position:absolute;top:-14px;left:18px;width:30px;height:30px;border-radius:50%;background:#ff9d2e;color:#1a0a00;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(255,157,46,.55)}
.stp h3{font-size:15px;margin:10px 0 8px;color:#fff}
.stp p{font-size:13.5px;color:#a2b4d4;margin:0}

/* Payment method eligibility list (bonusz) */
.pay-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px;margin:16px 0 10px}
.pay-row{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border:1px solid rgba(94,200,255,.18);border-radius:10px;background:rgba(12,24,52,.5)}
.pay-row b{color:#fff;font-weight:700}
.pay-row span{font-size:13px;color:#a2b4d4}
.pay-row.pay-ok{border-color:rgba(46,204,113,.28)}
.pay-row.pay-ok span{color:#7de2a0}
.pay-row.pay-no{border-color:rgba(229,57,53,.28)}
.pay-row.pay-no span{color:#ff8a8a}

/* FAQ mini (bonusz, promociok) — minimalist accordion */
.faq-q{border:1px solid rgba(94,200,255,.18);border-radius:10px;padding:14px 18px;margin-bottom:10px;background:rgba(12,24,52,.5)}
.faq-q summary{cursor:pointer;font-weight:600;color:#fff;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-q summary::-webkit-details-marker{display:none}
.faq-q summary::after{content:"+";color:#ff9d2e;font-size:22px;font-weight:400;line-height:1}
.faq-q[open] summary::after{content:"–"}
.faq-q p{margin:12px 0 0;color:#b8c7e3;font-size:14.5px;line-height:1.6}

/* Promociok: 4 promo tiles linking to in-page sections */
.promo-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.p-tile{display:block;padding:18px 18px 16px;border:1px solid rgba(94,200,255,.2);border-radius:14px;background:rgba(12,24,52,.55);color:inherit;text-decoration:none;position:relative;transition:border-color .15s,transform .15s}
.p-tile:hover{border-color:var(--cyan-bd);transform:translateY(-2px);text-decoration:none}
.p-tile .p-tag{display:inline-block;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:#ff9d2e;font-weight:700;margin-bottom:10px}
.p-tile b{display:block;font-size:18px;color:#fff;margin-bottom:6px}
.p-tile small{color:#a2b4d4;font-size:12.5px}

/* Two column sections (reload: conditions + personal take) */
.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;margin-top:10px}
.tc-aside{padding:20px 22px;border:1px solid rgba(255,157,46,.25);border-radius:14px;background:rgba(255,157,46,.04)}
.tc-aside p{font-size:14.5px;color:#b8c7e3;line-height:1.65}

.info-list{list-style:none;margin:8px 0 0}
.info-list li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed rgba(94,200,255,.1);font-size:14px;color:#b8c7e3}
.info-list li:last-child{border-bottom:0}
.info-list li b{color:#fff;font-weight:700;min-width:190px}
.info-list li span{color:#a2b4d4;text-align:right}

/* Games page: prose article + TOC + tags + screenshots */
.article p{font-size:15.5px;line-height:1.7;color:#c6d3ea;max-width:860px}
.article h3.sub{margin-top:28px}
.toc{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.toc a{display:inline-block;padding:8px 14px;border:1px solid rgba(94,200,255,.25);border-radius:30px;font-size:13px;color:#c6d3ea;text-decoration:none;transition:border-color .15s,color .15s}
.toc a:hover{border-color:var(--cyan);color:#fff}
.tags{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:18px}
.tags span{display:inline-block;padding:7px 14px;border:1px solid rgba(94,200,255,.25);border-radius:30px;font-size:12.5px;color:#c6d3ea;background:rgba(12,24,52,.4)}
.bg-alt{background:rgba(6,16,31,.4);margin:20px 0;padding:50px 0;border-top:1px solid rgba(94,200,255,.1);border-bottom:1px solid rgba(94,200,255,.1)}

/* Slot gallery on jatekok (real covers from partner CDN) */
.slot-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:20px}
.slot-gallery a{display:block;border-radius:10px;overflow:hidden;position:relative;aspect-ratio:2/3;background:#0a1730;border:1px solid rgba(94,200,255,.2);transition:transform .15s,border-color .15s}
.slot-gallery a:hover{transform:translateY(-3px);border-color:var(--cyan)}
.slot-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.slot-gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:8px 10px 6px;background:linear-gradient(180deg,transparent,rgba(10,23,48,.92));color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.1px}
.slot-gallery .slot-more{display:block;text-decoration:none;position:relative;overflow:hidden}
.slot-gallery .slot-more img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) brightness(.78)}
.slot-gallery .slot-more .slot-more-cap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:10px;background:linear-gradient(180deg,rgba(10,23,48,.25) 0%,rgba(10,23,48,.78) 100%)}
.slot-gallery .slot-more b{color:#fff;font-size:14px;letter-spacing:.2px;text-shadow:0 2px 6px rgba(0,0,0,.7)}
.slot-gallery .slot-more span{color:#bcd1ee;font-size:12px;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.slot-gallery .slot-more:hover{border-color:var(--cyan);transform:translateY(-3px)}
.slot-gallery .slot-more:hover img{filter:saturate(1) brightness(.92)}
.slot-gallery .badge-new{position:absolute;top:8px;left:8px;background:#5ec8ff;color:#0a1730;font-size:10px;font-weight:800;letter-spacing:.6px;padding:3px 7px;border-radius:4px;box-shadow:0 0 10px rgba(94,200,255,.55);z-index:2;line-height:1}

/* promo-split: text + full-width banner image below */
.promo-split{display:flex;flex-direction:column;gap:28px}
.promo-split-text h2{margin-top:0}
.promo-split-text p{margin-bottom:14px}
.promo-split-text b{color:#fff}
.promo-split-img{display:block;width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(94,200,255,.25);box-shadow:0 22px 55px rgba(0,0,0,.5);transition:transform .2s,border-color .2s;aspect-ratio:21/7;background:#0a1730}
.promo-split-img img{width:100%;height:100%;object-fit:cover;display:block}
.promo-split-img:hover{transform:translateY(-2px);border-color:var(--cyan)}
@media (max-width:860px){
 .promo-split-img{aspect-ratio:16/9}
}

/* section banner (sport, élő kaszinó stb.) */
.sport-banner{display:block;width:100%;margin:18px 0 26px;border-radius:14px;overflow:hidden;border:1px solid rgba(94,200,255,.25);box-shadow:0 18px 40px rgba(0,0,0,.45);transition:transform .2s,border-color .2s;aspect-ratio:1160/220;background:#0a1730}
.sport-banner img{width:100%;height:100%;object-fit:cover;display:block}
.sport-banner:hover{transform:translateY(-2px);border-color:var(--cyan)}
@media (max-width:720px){
 .sport-banner{aspect-ratio:16/7}
}

/* payment methods grid */
.pay-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}
.pay-methods .pm{background:rgba(255,255,255,.03);border:1px solid rgba(94,200,255,.18);border-radius:10px;padding:14px 12px;display:flex;flex-direction:column;gap:4px}
.pay-methods .pm b{color:#fff;font-size:14px;letter-spacing:.2px}
.pay-methods .pm span{color:#9bb6d4;font-size:12px}
@media (max-width:860px){
 .pay-methods{grid-template-columns:repeat(2,1fr)}
}

/* Rolunk / article-heavy page */
.article-lead{font-size:17px;color:#c6d3ea;max-width:760px;line-height:1.7;margin-bottom:30px}
.kv{display:grid;grid-template-columns:180px 1fr;gap:8px 20px;margin:18px 0 28px;padding:18px 22px;border:1px solid rgba(94,200,255,.18);border-radius:12px;background:rgba(12,24,52,.5)}
.kv dt{color:#8ea4c6;font-size:12.5px;letter-spacing:.4px;text-transform:uppercase;padding:6px 0}
.kv dd{color:#fff;font-size:14.5px;padding:6px 0;border-bottom:1px dashed rgba(94,200,255,.08)}
.kv dt:last-of-type,.kv dd:last-of-type{border-bottom:0}

@media (max-width:860px){
 .bn-steps,.steps4,.pay-list,.promo-tiles{grid-template-columns:repeat(2,1fr)}
 .two-col{grid-template-columns:1fr;gap:18px}
 .slot-gallery{grid-template-columns:repeat(3,1fr)}
 .qfacts{gap:16px 24px}
 .qfacts b{font-size:15px}
 .page-hero h1{font-size:28px}
 .kv{grid-template-columns:1fr}
 .kv dt{padding-bottom:2px}
 .kv dd{padding-top:2px;border-bottom:1px dashed rgba(94,200,255,.08)}
}
@media (max-width:560px){
 .bn-steps,.steps4,.pay-list,.promo-tiles{grid-template-columns:1fr}
 .slot-gallery{grid-template-columns:repeat(2,1fr)}
}

/* Hero with dude-crypto as full-bleed background */
.hero-bg{position:relative;padding:90px 0 80px;min-height:460px;overflow:hidden}
.hero-bg-img{position:absolute;inset:0;background:url('Img/dude-crypto.webp') center/cover no-repeat;z-index:0}
.hero-bg-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,23,48,.92) 0%,rgba(10,23,48,.78) 42%,rgba(10,23,48,.35) 72%,rgba(10,23,48,0) 100%),linear-gradient(180deg,rgba(10,23,48,.35) 0%,rgba(10,23,48,.7) 100%)}
.hero-bg-inner{position:relative;z-index:1;max-width:640px}
.hero-bg-inner h1{font-size:42px;line-height:1.08;margin-bottom:18px;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.hero-bg-inner .lead{color:#d6e2f3;font-size:17px;line-height:1.65;margin-bottom:28px;max-width:560px}
@media (max-width:960px){
 .hero-bg{padding:64px 0 58px;min-height:380px}
 .hero-bg-inner h1{font-size:32px}
 .hero-bg-img::after{background:linear-gradient(180deg,rgba(10,23,48,.6) 0%,rgba(10,23,48,.9) 70%)}
 .hero-bg-inner{max-width:none}
}

/* rotating hero slider (4 frames) */
.hero-slider{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:heroFade 32s infinite ease-in-out}
.hero-slide.hs1{background-image:url('Img/dude-crypto.webp');animation-delay:0s;opacity:1}
.hero-slide.hs2{background-image:url('https://dudespin-3274.com/dimg/v2/banner/c5250c2b-cfff-45c2-9e1b-1426552ff375-dudespincasinodesktoplastframe.jpg');animation-delay:8s}
.hero-slide.hs3{background-image:url('https://dudespin-3274.com/dimg/v2/banner/fa65f4e5-13ed-46ae-aeb1-90c30cbdf3dd-sportcryptomain-bannerdesktop.jpg');animation-delay:16s}
.hero-slide.hs4{background-image:url('https://dudespin-3274.com/dimg/v2/banner/eedba32c-68aa-488e-af96-f526c74e16ce-dudespinsportdesklastframe.jpg');animation-delay:24s}
.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,23,48,.93) 0%,rgba(10,23,48,.82) 40%,rgba(10,23,48,.45) 72%,rgba(10,23,48,.15) 100%),linear-gradient(180deg,rgba(10,23,48,.35) 0%,rgba(10,23,48,.7) 100%);z-index:1;pointer-events:none}
@keyframes heroFade{
 0%{opacity:1}
 20%{opacity:1}
 25%{opacity:0}
 95%{opacity:0}
 100%{opacity:1}
}
.hero-dots{display:flex;gap:8px;margin-top:28px}
.hero-dots .hd{width:26px;height:4px;border-radius:3px;background:rgba(255,255,255,.22);display:block;animation:dotPulse 32s infinite}
.hero-dots .hd1{animation-delay:0s}
.hero-dots .hd2{animation-delay:8s}
.hero-dots .hd3{animation-delay:16s}
.hero-dots .hd4{animation-delay:24s}
@keyframes dotPulse{
 0%,20%{background:#5ec8ff;box-shadow:0 0 8px #5ec8ff}
 25%,95%{background:rgba(255,255,255,.22);box-shadow:none}
 100%{background:#5ec8ff;box-shadow:0 0 8px #5ec8ff}
}
@media (max-width:960px){
 .hero-veil{background:linear-gradient(180deg,rgba(10,23,48,.55) 0%,rgba(10,23,48,.92) 75%)}
 .hero-dots{margin-top:22px}
}
@media (prefers-reduced-motion:reduce){
 .hero-slide,.hero-dots .hd{animation:none}
 .hero-slide.hs1{opacity:1}
 .hero-slide.hs2,.hero-slide.hs3,.hero-slide.hs4{opacity:0}
 .hero-dots .hd1{background:#5ec8ff}
}