body {margin:0; font-family:Arial, sans-serif; background:#111; color:#eee;}
.u2-14 {max-width:1200px; margin:0 auto; padding:0 20px;}

/* Header */
header {background:#1a1a1a; border-bottom:2px solid #e5b645;}
header .u2-14 {display:flex; justify-content:space-between; align-items:center; padding:15px 0; flex-wrap:wrap;}
header .u2-23 {font-size:22px; font-weight:bold; color:#e5b645; text-align:center; flex:1 1 100%; order:1;}
.u2-10 {display:flex; gap:10px; flex:1 1 100%; justify-content:center; order:2; margin-top:10px;}
.u2-10 a {padding:8px 16px; border-radius:6px; text-decoration:none; font-weight:bold; transition:.2s;}
.u2-15 {background:#333; color:#eee; border:1px solid #444;}
.u2-15:hover {background:#444;}
.u2-17 {background:linear-gradient(135deg, #e5b645, #d4a832); color:#111;}
.u2-17:hover {filter:brightness(1.05); box-shadow:0 0 10px rgba(229,182,69,.7);}

@media(min-width:769px){
  header .u2-23 {flex:initial; order:initial;}
  .u2-10 {flex:initial; order:initial; margin-top:0;}
}

/* Hero */
.u2-22 {
  background:linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url('https://images.unsplash.com/photo-1604014237744-1e4d1e4d6a02?auto=format&fit=crop&w=1200&q=80');
  background-size:cover; background-position:center; padding:80px 20px; text-align:center;
}
.u2-22 h1 {font-size:2.3rem; margin:0; color:#e5b645;}
.u2-22 p {margin:15px auto; max-width:600px; color:#ddd;}
.u2-22 .u2-20 {margin-top:20px; display:flex; flex-wrap:wrap; justify-content:center; gap:12px;}
.u2-22 .u2-20 a {padding:14px 28px; border-radius:8px; text-decoration:none; font-size:1.02rem; transition:.2s;}
.u2-16 {background:linear-gradient(135deg,#e5b645,#d4a832); color:#111; font-weight:bold;}
.u2-16:hover {filter:brightness(1.05); box-shadow:0 0 10px rgba(229,182,69,.7);}
.u2-18 {background:transparent; border:2px solid #e5b645; color:#e5b645; font-weight:bold;}
.u2-18:hover {background:#e5b645; color:#111;}

/* Stats */
.u2-26 {display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:40px 0;}
.u2-25 {background:#1e1e1e; padding:25px; border-radius:8px; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,.6);}
.u2-25 h3 {margin:0; font-size:1.05rem; color:#e5b645;}
.u2-25 p {margin-top:8px; color:#aaa;}

.u2-21 {border-top:2px solid #e5b645; margin:50px 0;}

/* Bonuses */
.u2-13 {display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:40px;}
.u2-11 {background:#1e1e1e; padding:25px; border-radius:8px; text-align:left; box-shadow:0 2px 6px rgba(0,0,0,.6);}
.u2-11 h4 {margin:0 0 10px; color:#e5b645; text-align:center;}
.u2-11 p {margin:0 0 15px; color:#bbb; line-height:1.06;}

/* Bonus altındaki giriş butonları */
.u2-11 .u2-12 {text-align:center;}
.u2-11 .u2-12 a {
  display:inline-block;
  padding:10px 22px;
  border-radius:8px;
  background:linear-gradient(135deg,#e5b645,#d4a832);
  color:#111;
  text-decoration:none;
  font-weight:bold;
  transition:.2s;
  box-shadow:0 0 6px rgba(229,182,69,.6);
}
.u2-11 .u2-12 a:hover {
  filter:brightness(1.05);
  box-shadow:0 0 12px rgba(229,182,69,.8);
  transform:translateY(-2px);
}

/* Payments */
.u2-24 ul {list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:15px; justify-content:center; margin:0;}
.u2-24 li {background:#1e1e1e; padding:15px 25px; border-radius:8px; font-weight:bold; color:#eee; box-shadow:0 2px 6px rgba(0,0,0,.6);}

/* Footer */
footer {background:#1a1a1a; color:#aaa; text-align:center; padding:20px; font-size:14px; margin-top:40px;}

/* Responsive */
@media(max-width:768px){
  .u2-26 {grid-template-columns:1fr;}
  .u2-13 {grid-template-columns:1fr;}
  .u2-22 h1 {font-size:1.9rem;}
}

/* slider container */
#slider{margin:1rem 0;background:#111;border:1px solid #222;border-radius:.75rem;position:relative;overflow:hidden}
#slider .slides{min-height:160px;padding:1.25rem}
#slider .slide{display:block}
#slider .carousel-ctrl{position:absolute;inset:auto 0 .5rem 0;display:flex;justify-content:center;gap:.5rem}
#slider .carousel-ctrl button{background:#0b0b0b;color:#eaeaea;border:1px solid #333;border-radius:.5rem;padding:.25rem .75rem;cursor:pointer}
@media (min-width:900px){#slider .slides{min-height:200px}}

/* fa icons in slider headings */
#slider h2 i{margin-right:.5rem}

/* side-by-side layout */
.slider-split{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;align-items:start}
@media (max-width:900px){.slider-split{grid-template-columns:1fr}}
.slider-gallery{background:#111;border:1px solid #222;border-radius:.75rem;overflow:hidden;position:relative}
.slider-gallery .slides{min-height:200px}
.slider-gallery img{display:block;width:100%;height:auto}
.slider-gallery .carousel-ctrl{position:absolute;inset:auto .75rem .75rem auto;display:flex;gap:.5rem}
.slider-gallery .carousel-ctrl button{background:#0b0b0b;color:#eaeaea;border:1px solid #333;border-radius:.5rem;padding:.25rem .75rem;cursor:pointer}

/* transform-based gallery */
.slider-gallery{position:relative;overflow:hidden}
.slider-gallery .slides{position:relative;min-height:220px}
.slider-gallery .slide{position:absolute;inset:0;transition:transform .5s ease}

/* stats icons */
.u2-26 h3 i { margin-right:.5rem; color:#e5b645; }
/* override: gereksiz boşluğu kes */
.slider-gallery .slides{ min-height:0; height:auto; }
#slider .carousel-ctrl{ inset:auto 0 .5rem 0; }              /* genel */
.slider-gallery .carousel-ctrl{ inset:auto .75rem .75rem auto; } /* galeri için köşe */