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

:root{
  --edge:1280px;
  --head-h:74px;

  --void:#05080c;
  --deep:#0a121a;
  --panel:#101c27;
  --panel-2:#152633;
  --line:#20323e;
  --line-lit:#2c4634;

  --emerald:#20c96b;
  --emerald-lit:#4fe08a;
  --emerald-deep:#12793f;
  --ink-on-emerald:#04150a;

  --gold:#f2be2c;
  --gold-lit:#ffd75a;
  --ink-on-gold:#241800;

  --ink:#eef6f1;
  --ink-dim:#8ea3a0;
  --ink-faint:#5d7370;

  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;

  --r:9px;
  --r-sm:5px;
  --r-lg:16px;
  --z-head:100;
}

html{scroll-behavior:smooth}
/* offset in-page anchor targets so they don't hide under the fixed header */
#sirket,#kayit,#odeme,#spor,#bonuslar,#casino,#canli-casino,#crash,#sss,#sorumlu-oyun{scroll-margin-top:90px}
body{
  font-family:var(--sans);
  background:var(--void);
  color:var(--ink);
  line-height:1.6;
  overflow-x:hidden;
  padding-top:var(--head-h);
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit;cursor:pointer}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}

.rz9ooc{max-width:var(--edge);margin:0 auto;padding:0 22px;width:100%}

/* header */
.py1j4wq{
  position:fixed;top:0;left:0;width:100%;z-index:var(--z-head);height:var(--head-h);
  background:rgba(6,10,15,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.vu5d6{max-width:var(--edge);margin:0 auto;height:100%;padding:0 22px;display:flex;align-items:center;gap:28px}
.qb3kkt{flex:0 0 auto;display:flex;align-items:center}
.qb3kkt img{height:42px;width:auto}
.w7k4e{display:flex;align-items:center;gap:22px;flex:1 1 auto;justify-content:center}
.w7k4e a{font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-dim);padding:8px 4px;position:relative;transition:color .2s ease}
.w7k4e a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--emerald);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.w7k4e a:hover{color:var(--ink)}
.w7k4e a:hover::after{transform:scaleX(1)}
.niwh6i0{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.zx1s33,.yg3dp3j{padding:10px 20px;border-radius:var(--r-sm);font-size:13px;font-weight:700;letter-spacing:.02em;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}
.zx1s33{background:transparent;color:var(--emerald-lit);border:1.5px solid var(--emerald-deep)}
.zx1s33:hover{background:rgba(32,201,107,.12);border-color:var(--emerald)}
.yg3dp3j{background:linear-gradient(180deg,var(--emerald-lit),var(--emerald-deep));color:var(--ink-on-emerald);box-shadow:0 4px 14px rgba(32,201,107,.35)}
.yg3dp3j:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(32,201,107,.45)}

/* hero */
.ca8v2{position:relative;min-height:clamp(480px,66vh,620px);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}
.thw8xa{position:absolute;inset:0}
.thw8xa img{width:100%;height:100%;object-fit:cover;object-position:70% 30%}
.jdpmr{
  position:absolute;inset:0;
  background:
    linear-gradient(100deg,rgba(5,8,12,.95) 0%,rgba(5,8,12,.8) 42%,rgba(5,8,12,.3) 72%,transparent 100%),
    linear-gradient(0deg,var(--void) 0%,transparent 24%);
}
.lm139{position:relative;z-index:2;max-width:var(--edge);margin:0 auto;padding:0 22px;width:100%}
.lm139 > *{max-width:600px}
.alcrb{font-size:clamp(24px,3.4vw,38px);font-weight:800;line-height:1.18;margin-bottom:16px;text-wrap:balance}
.b8jt5{font-size:clamp(15px,2vw,18px);color:var(--ink-dim);margin-bottom:6px}
.b8jt5 strong{color:var(--gold-lit);font-weight:800}
.quwmhnj{font-size:clamp(38px,6vw,58px);font-weight:900;color:var(--gold-lit);line-height:1;text-shadow:0 2px 20px rgba(242,190,44,.25)}
.quwmhnj small{font-size:.4em;margin-left:6px;font-weight:700;color:var(--gold)}
.uj1vi{
  margin-top:26px;padding:15px 36px;border-radius:var(--r);
  font-size:16px;font-weight:800;letter-spacing:.02em;color:var(--ink-on-emerald);
  background:linear-gradient(135deg,var(--emerald-lit) 0%,var(--emerald) 55%,var(--emerald-deep) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 28px rgba(32,201,107,.4);
  transition:transform .18s ease,box-shadow .2s ease;
}
.uj1vi:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 14px 34px rgba(32,201,107,.5)}

/* games sections */
.k0qkxhk{padding:44px 0}
.uees5st{background:linear-gradient(180deg,var(--void),var(--deep) 12%,var(--deep) 88%,var(--void))}
.rp6o7a{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.xxjl29s{font-size:clamp(20px,2.6vw,26px);font-weight:800;letter-spacing:.01em}
.cmftc{font-size:13px;font-weight:700;color:var(--emerald-lit);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:gap .2s ease,color .2s ease}
.cmftc:hover{gap:10px;color:var(--gold-lit)}
.j88f18{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.e5ibu7{
  display:block;cursor:pointer;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;transition:border-color .2s ease,transform .2s ease;
}
.e5ibu7:hover{border-color:var(--emerald-deep);transform:translateY(-2px)}
.d1vc4{position:relative;aspect-ratio:3/2;overflow:hidden}
.d1vc4 img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.lqo8c{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(5,8,12,.5);opacity:0;transition:opacity .25s ease;
}
.lqo8c svg{width:44px;height:44px;fill:var(--gold-lit);filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.e5ibu7:hover .d1vc4 img{transform:scale(1.06)}
.e5ibu7:hover .lqo8c{opacity:1}
.m7eld6r{padding:10px 12px;border-top:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink-dim);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e5ibu7:focus-visible{outline:2px solid var(--emerald-lit);outline-offset:2px}

/* content */
.w04rkim{background:var(--deep);border-top:1px solid var(--line);padding:52px 0 60px}
.ycyxwl{max-width:840px;margin:0 auto;padding:0 22px}
.o31n18{font-size:13px;color:var(--ink-faint);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ycyxwl > p{font-size:16px;line-height:1.75;color:var(--ink-dim);margin-bottom:16px;max-width:70ch}
.edatt{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 30px 26px;margin:26px 0}
.edatt > h2:first-child{margin-top:0}
.edatt h2{font-size:clamp(21px,2.8vw,27px);font-weight:800;line-height:1.22;color:var(--ink);margin:0 0 16px;text-wrap:balance}
.edatt h3{font-size:clamp(17px,2.1vw,19px);font-weight:700;color:var(--emerald-lit);margin:26px 0 10px;text-wrap:balance}
.edatt p{font-size:15.5px;line-height:1.72;color:var(--ink-dim);margin-bottom:14px;max-width:72ch}
.edatt a{color:var(--gold-lit);text-decoration:underline;text-underline-offset:2px}
.edatt img{display:block;margin:20px auto;max-width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line)}

.degwn{overflow-x:auto;margin:18px 0;border-radius:var(--r);border:1px solid var(--line);-webkit-overflow-scrolling:touch}
.edatt table{width:100%;min-width:420px;border-collapse:collapse;font-size:14px;background:var(--panel-2)}
.edatt caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-faint);padding:12px 14px 8px}
.edatt th,.edatt td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
.edatt thead th{background:var(--deep);color:var(--emerald-lit);font-weight:700;font-size:13px;letter-spacing:.02em;border-bottom:2px solid var(--emerald-deep)}
.edatt tbody td{color:var(--ink-dim)}
.edatt tbody td:first-child{font-weight:600;color:var(--ink)}
.edatt tbody tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.edatt tbody tr:last-child td{border-bottom:none}

.edatt ul{margin:6px 0 18px;padding:0}
.edatt li{position:relative;padding-left:22px;margin-bottom:9px;font-size:15.5px;line-height:1.65;color:var(--ink-dim);max-width:70ch}
.edatt ul li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;background:var(--gold);border-radius:1px;transform:rotate(45deg)}

.cols-2,.cols-3{display:grid;gap:14px;margin:18px 0}
.cols-2{grid-template-columns:repeat(2,1fr)}
.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-2>div,.cols-3>div{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);padding:15px 17px}
.cols-2>div>div:first-child,.cols-3>div>div:first-child{font-weight:700;font-size:14.5px;color:var(--ink);margin-bottom:6px;line-height:1.3}
.cols-2>div p,.cols-3>div p{font-size:13.5px;line-height:1.55;color:var(--ink-dim);margin:0;max-width:none}

.sesyo{display:flex;justify-content:center;margin:34px 0}
.sesyo button{
  font-size:16px;font-weight:800;letter-spacing:.02em;color:var(--ink-on-gold);padding:15px 38px;border-radius:var(--r);
  background:linear-gradient(180deg,var(--gold-lit),var(--gold) 65%,#c99a1c);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 26px rgba(242,190,44,.32);
  transition:transform .18s ease,box-shadow .2s ease;
}
.sesyo button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 14px 32px rgba(242,190,44,.42)}

/* footer */
.enjeli{background:var(--panel);border-top:1px solid var(--line);padding:48px 0 26px}
.wuwi6j{display:flex;align-items:center;gap:16px;margin-bottom:30px}
.wuwi6j img{height:36px;width:auto}
.wuwi6j span{font-size:13px;color:var(--ink-faint)}
.mrrcs{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}
.tfqdrrj{font-size:14px;font-weight:800;color:var(--emerald-lit);letter-spacing:.02em;margin-bottom:12px}
.ft72o a{display:block;font-size:13.5px;color:var(--ink-dim);margin-bottom:9px;transition:color .2s ease}
.ft72o a:hover{color:var(--ink)}
.d06lg{border-top:1px solid var(--line);padding-top:22px;margin-bottom:22px}
.wvdktgz{font-size:13.5px;font-weight:700;color:var(--ink-dim);margin-bottom:12px}
.bqucr5{display:flex;gap:12px}
.bqucr5 a{width:38px;height:38px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-dim);transition:background .2s ease,color .2s ease,border-color .2s ease}
.bqucr5 a:hover{background:var(--emerald-deep);color:#fff;border-color:var(--emerald)}
.gfsbor{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.zf7jjbd{flex:0 0 auto;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:var(--gold-lit);border:2px solid var(--gold);background:rgba(242,190,44,.06)}
.e2xnt{flex:1 1 320px;min-width:260px}
.e2xnt p{font-size:12.5px;line-height:1.68;color:var(--ink-faint);margin-bottom:8px}
.e2xnt strong{color:var(--ink-dim)}
.s0xxt44{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-faint)}

@media (max-width:1080px){
  .j88f18{grid-template-columns:repeat(4,1fr)}
  .mrrcs{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .w7k4e{display:none}
  body{padding-bottom:66px}
  .niwh6i0{
    position:fixed;left:0;bottom:0;width:100%;z-index:99;
    display:flex;gap:10px;padding:10px 14px;
    background:linear-gradient(180deg,rgba(5,8,12,.5),var(--void) 60%);
    border-top:1px solid var(--line);
    box-shadow:0 -8px 24px rgba(0,0,0,.5);
  }
  .zx1s33,.yg3dp3j{flex:1 1 0;text-align:center;padding:13px 10px}
  .j88f18{grid-template-columns:repeat(3,1fr)}
  .cols-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px) and (prefers-reduced-motion:no-preference){
  .zx1s33{animation:qh3pulse 2.2s ease-in-out infinite}
}
@keyframes qh3pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(32,201,107,.45);transform:scale(1)}
  50%{box-shadow:0 0 0 7px rgba(32,201,107,0);transform:scale(1.035)}
}
@media (max-width:640px){
  :root{--head-h:64px}
  .vu5d6{gap:12px}
  .qb3kkt img{height:32px}
  .zx1s33,.yg3dp3j{font-size:12px}
  .ca8v2{min-height:560px;align-items:flex-end;padding-bottom:32px}
  .thw8xa img{object-position:75% 20%}
  .j88f18{grid-template-columns:repeat(2,1fr)}
  .rp6o7a{flex-direction:column;align-items:flex-start;gap:8px}
  .ycyxwl{padding:0 16px}
  .edatt{padding:20px 18px 18px;margin:18px 0}
  .cols-2,.cols-3{grid-template-columns:1fr}
  .mrrcs{grid-template-columns:1fr 1fr}
  .edatt table{font-size:13px}
  .edatt th,.edatt td{padding:9px 10px}
}
@media (max-width:400px){
  .j88f18{grid-template-columns:repeat(2,1fr);gap:10px}
  .mrrcs{grid-template-columns:1fr}
}