/* NERAKA33 CSS PART 05/10
   Jangan ubah urutan load. Load 01 -> 10.
*/

.info-value-neraka33 strong,.rating-neraka33 strong{color:#251500!important;border:1px solid #fff7bd!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.78),transparent 28%),linear-gradient(145deg,#fff9cf 0%,#ffd700 48%,#e4a900 72%,#9d6200 100%)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.88),inset 0 -6px 10px rgba(105,55,0,.26),0 3px 0 #7a4d00,0 0 8px rgba(255,255,255,.26),0 0 14px rgba(255,215,0,.68)!important;text-shadow:0 1px 0 rgba(255,255,255,.82),0 2px 2px rgba(80,42,0,.26)!important}

.rating-neraka33::before{color:#fff3a0!important;text-shadow:0 0 5px #ffffff,0 0 10px #ffd700,0 0 18px rgba(255,170,0,.42)!important}

@keyframes coinHeaderSpin{from{transform:translateY(-50%) rotateY(0deg)}to{transform:translateY(-50%) rotateY(360deg)}}

/* =========================================================
   FINAL URAHARA BANNER THEME
   HITAM • MERAH NEON • KUNING/EMAS • PUTIH
========================================================= */
:root{
 --info-gold:#ffc400;
 --info-gold-soft:#ffe45c;
 --info-gold-bright:#ffffff;
 --info-gold-dark:#a52a00;
 --info-black:#000;
 --info-black-soft:#0b0101;
 --info-panel:#120202;
 --info-white:#fff;
}

.info-box-neraka33{
 border-color:#ef2118!important;
 background:
  radial-gradient(circle at 12% 0%,rgba(239,33,24,.22),transparent 38%),
  radial-gradient(circle at 95% 90%,rgba(255,196,0,.08),transparent 32%),
  repeating-linear-gradient(135deg,rgba(255,255,255,.014) 0 2px,transparent 2px 15px),
  linear-gradient(145deg,#210302 0%,#090101 48%,#000 100%)!important;
 box-shadow:
  inset 0 1px 0 rgba(255,255,255,.08),
  inset 0 0 28px rgba(0,0,0,.82),
  0 8px 22px rgba(0,0,0,.62),
  0 0 9px rgba(239,33,24,.48),
  0 0 22px rgba(255,196,0,.13)!important;
}

/* border berputar: merah -> putih -> kuning */
.info-box-neraka33::before{
 background:conic-gradient(from 0deg,
  transparent 0 48deg,#7a0904 72deg,#ef2118 98deg,#fff 116deg,
  #ffc400 134deg,#ef2118 160deg,#650703 184deg,transparent 210deg 360deg)!important;
 filter:drop-shadow(0 0 4px rgba(239,33,24,.65))
        drop-shadow(0 0 8px rgba(255,196,0,.28))!important;
 animation-duration:7s!important;
}

/* hilangkan koin $ besar override lama */
.info-box-neraka33::after{
 content:""!important;
 left:-40%!important;right:auto!important;top:0!important;bottom:auto!important;
 width:18%!important;height:100%!important;
 border:0!important;border-radius:0!important;
 color:transparent!important;
 background:linear-gradient(110deg,transparent,rgba(239,33,24,.05),rgba(255,255,255,.12),rgba(255,196,0,.07),transparent)!important;
 box-shadow:none!important;
 transform:skewX(-22deg)!important;
 animation:infoGoldSweep 8s linear infinite!important;
}

/* HEADER merah/hitam seperti HUD banner */
.info-header-neraka33{
 color:#fff!important;
 background:
  linear-gradient(180deg,rgba(255,255,255,.09),transparent 28%),
  linear-gradient(145deg,#480704 0%,#210302 42%,#090101 72%,#000 100%)!important;
 border-bottom-color:#ef2118!important;
 text-shadow:0 2px 2px #000,0 0 6px rgba(239,33,24,.60)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.11),inset 0 -5px 0 rgba(0,0,0,.48),
 0 4px 11px rgba(0,0,0,.48),0 0 12px rgba(239,33,24,.24)!important;
}

.info-header-neraka33::before{
 background:linear-gradient(90deg,transparent,#ef2118,#fff,#ffc400,#ef2118,transparent)!important;
 box-shadow:0 0 5px rgba(239,33,24,.52),0 0 9px rgba(255,196,0,.24)!important;
}

/* header icon jadi favicon NERAKA33 */
.info-header-neraka33::after{
 content:""!important;
 width:34px!important;height:34px!important;
 right:14px!important;
 border:0!important;border-radius:0!important;
 background:url("https://www.neraka33x2.com/image/neraka33x2-favicon.webp") center/contain no-repeat!important;
 box-shadow:none!important;text-shadow:none!important;
 filter:drop-shadow(0 0 4px rgba(239,33,24,.65)) drop-shadow(0 0 5px rgba(255,196,0,.28))!important;
 animation:none!important;
}

/* rows hitam-merah */
.info-row-neraka33,
.info-row-neraka33:nth-child(even){
 background:
  radial-gradient(circle at 0 50%,rgba(239,33,24,.07),transparent 32%),
  linear-gradient(180deg,rgba(22,3,2,.98),rgba(2,2,2,.99))!important;
 border-bottom-color:rgba(239,33,24,.22)!important;
}

.info-row-neraka33:nth-child(even){
 background:
  radial-gradient(circle at 0 50%,rgba(255,196,0,.045),transparent 30%),
  linear-gradient(180deg,rgba(15,3,2,.98),rgba(1,1,1,.99))!important;
}

.info-row-neraka33::before{
 background:linear-gradient(180deg,#fff,#ef2118 38%,#b20e08 68%,#ffc400)!important;
 box-shadow:0 0 5px rgba(239,33,24,.62),0 0 9px rgba(255,196,0,.20)!important;
}

.info-row-neraka33:hover{
 background:
  radial-gradient(circle at 0 50%,rgba(239,33,24,.16),transparent 40%),
  linear-gradient(180deg,#290403,#100101 55%,#020202 100%)!important;
 box-shadow:inset 0 0 15px rgba(239,33,24,.05),0 0 10px rgba(239,33,24,.16)!important;
}

/* labels kuning seperti SLOT777 */
.info-label-neraka33{
 color:#ffc400!important;
 text-shadow:0 1px 1px #000,0 0 5px rgba(255,196,0,.34)!important;
}

/* icon label: favicon kecil, bukan $ */
.info-label-neraka33::before{
 content:""!important;
 width:16px!important;height:16px!important;
 transform:translateY(-50%)!important;
 border:0!important;border-radius:0!important;
 background:url("https://www.neraka33x2.com/image/neraka33x2-favicon.webp") center/contain no-repeat!important;
 box-shadow:none!important;
 filter:drop-shadow(0 0 3px rgba(239,33,24,.55))!important;
}

/* value putih */
.info-value-neraka33{color:#fff!important}

/* badges hitam dengan frame merah/emas, jangan putih */
.info-value-neraka33 strong,
.rating-neraka33 strong{
 color:#fff!important;
 border:1px solid #ffc400!important;
 border-radius:7px!important;
 background:
  linear-gradient(180deg,rgba(255,255,255,.07),transparent 28%),
  linear-gradient(145deg,#300403 0%,#100101 48%,#020202 100%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 0 #650800,
 0 0 6px rgba(239,33,24,.30),0 0 10px rgba(255,196,0,.18)!important;
 text-shadow:0 2px 1px #000,0 0 5px rgba(239,33,24,.35)!important;
}

.rating-neraka33{color:#ffe45c!important}

.rating-neraka33::before{
 color:#ffc400!important;
 text-shadow:0 0 4px rgba(255,255,255,.38),0 0 7px rgba(255,196,0,.55),0 0 11px rgba(239,33,24,.25)!important;
 animation-duration:2.5s!important;
}

.rating-neraka33 span,.rating-neraka33 .stars{color:#ffe45c!important}

/* mobile value box */
@media(max-width:600px){
 .info-value-neraka33{
  border-color:rgba(239,33,24,.28)!important;
  background:rgba(5,0,0,.62)!important;
 }
}

/* ==================================================
   SECTION NERAKA33 — HITAM NEON EMAS DIPERBAIKI
   TANPA GARIS DIAGONAL • TEKS PUTIH JELAS
================================================== */

:root{
    --nx-gold:#ffd700;
    --nx-gold-light:#fff3a6;
    --nx-gold-bright:#fffbe0;
    --nx-gold-dark:#765800;
    --nx-black:#030303;
    --nx-panel:#101010;
    --nx-text:#f5f5f5;
}

/* RESET AMAN */
.section-container,
.section-container *{
    box-sizing:border-box;
}

.section-container{
    width:100%;
    max-width:1200px;
    margin:30px auto;
    padding:0 18px;
    font-family:Arial,Tahoma,Verdana,sans-serif;
}

/* ==================================================
   JUDUL SECTION
================================================== */

.section-title{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    margin:0 0 20px;
    padding:17px 54px 17px 20px;

    border:2px solid var(--nx-gold);
    border-radius:15px;

    background:
        radial-gradient(circle at 50% 0%,rgba(255,215,0,.13),transparent 48%),
        linear-gradient(180deg,#202020 0%,#0b0b0b 58%,#020202 100%);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -5px 12px rgba(0,0,0,.60),
        0 6px 16px rgba(0,0,0,.55),
        0 0 10px rgba(255,215,0,.45),
        0 0 22px rgba(255,215,0,.20);

    color:#ffffff !important;

    font-family:"Arial Black",Arial,sans-serif;
    font-size:22px;
    font-weight:900;
    line-height:1.3;
    letter-spacing:.8px;

    text-align:center;
    text-transform:uppercase;
    text-shadow:
        0 2px 2px #000000,
        0 0 7px rgba(255,215,0,.55);
}

/* LAMPU EMAS HANYA BERJALAN DI BAGIAN ATAS */

.section-title::before{
    content:"";

    position:absolute;
    top:0;
    left:-35%;
    z-index:2;

    width:35%;
    height:3px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--nx-gold),
            var(--nx-gold-bright),
            var(--nx-gold),
            transparent
        );

    box-shadow:
        0 0 7px rgba(255,215,0,.95),
        0 0 14px rgba(255,215,0,.55);

    animation:nxTitleLamp 3.4s linear infinite;

    pointer-events:none;
}

.section-title::after{
    content:"♛";

    position:absolute;
    top:50%;
    right:17px;
    z-index:3;

    transform:translateY(-50%);

    color:var(--nx-gold);

    font-size:25px;
    line-height:1;

    text-shadow:
        0 1px 1px #000000,
        0 0 8px rgba(255,215,0,.90),
        0 0 15px rgba(255,215,0,.48);

    animation:nxCrownPulse 1.7s ease-in-out infinite alternate;
}

/* ==================================================
   PANEL UTAMA
================================================== */

.description-section,
.reviews-section,
.faq-section{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    margin-bottom:35px;
    padding:28px;

    border:2px solid var(--nx-gold);
    border-radius:16px;

    color:#ffffff !important;

    background:
        radial-gradient(circle at 50% -10%,rgba(255,215,0,.07),transparent 38%),
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,.015) 0 2px,
            transparent 2px 16px
        ),
        linear-gradient(145deg,#171717 0%,#070707 50%,#020202 100%);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 0 28px rgba(0,0,0,.84),
        0 8px 22px rgba(0,0,0,.62),
        0 0 10px rgba(255,215,0,.36),
        0 0 24px rgba(255,215,0,.16);
}