/* HOME BOTTOM — place directly after TOGEL section */
.home-bottom{margin:24px 10px 90px;color:#f4f4f4;font-family:Arial,sans-serif}
.home-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.home-benefit{min-height:52px;display:flex;align-items:center;gap:10px;padding:12px 13px;background:#17181a;border:1px solid #242629;border-radius:10px;box-sizing:border-box}
.home-benefit-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#202226;color:#ffd400;font-size:14px;flex:none}
.home-benefit-text{font-size:12px;font-weight:600;color:#d9d9d9}
.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin:8px 0 24px}
.home-stat strong{display:block;color:#ffd400;font-size:15px;line-height:1.2}
.home-stat span{display:block;margin-top:5px;color:#9b9b9b;font-size:10px}
.home-responsible{text-align:center;padding:0 8px 22px;color:#bdbdbd;font-size:11px;border-bottom:1px solid #302b22}
.home-responsible b{color:#ffd400;font-size:13px;margin-right:5px}
.home-section{padding:22px 8px 0;text-align:center}
.home-section h3{margin:0 0 12px;color:#eee;font-size:14px;letter-spacing:.5px;text-transform:uppercase}
.home-section p{margin:0 auto;max-width:350px;color:#a9a9a9;font-size:11px;line-height:1.7}
.home-links{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.home-links a{color:#aaa;text-decoration:none;font-size:12px;transition:.2s}
.home-links a:hover{color:#ffd400}
.home-contact{margin-top:24px}
.home-contact a{color:#ffd400;text-decoration:none;font-size:12px;font-weight:600}
.home-socials{display:flex;justify-content:center;gap:10px;margin-top:16px}
.home-socials a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1a1b1d;border:1px solid #292a2d;color:#eee;text-decoration:none;font-size:13px}
.home-socials a:hover{border-color:#ffd400;color:#ffd400}
@media(max-width:360px){.home-bottom{margin-left:8px;margin-right:8px}.home-benefit{padding:10px}.home-benefit-text{font-size:11px}}

/* Home bottom responsive */
.home-bottom,.home-section,.home-links,.home-contact{min-width:0;max-width:100%}
.home-section p{width:100%;}
.home-socials{flex-wrap:wrap}
@media (min-width:700px){
  .home-bottom{margin-left:18px;margin-right:18px}
  .home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
}
@media (max-width:480px){
  .home-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-benefit{min-width:0}
}
/* Home bottom responsive */
.home-bottom,.home-section,.home-links,.home-contact{min-width:0;max-width:100%}.home-section p{width:100%}.home-socials{flex-wrap:wrap}
@media (min-width:700px){.home-bottom{margin-left:18px;margin-right:18px}.home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}


/* BRAND HORN + ABOUT PATCH */
.notice-mic svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 50%;animation:noticeHornShake .72s ease-in-out infinite}
@keyframes noticeHornShake{0%,100%{transform:rotate(0deg) translateX(0)}20%{transform:rotate(-7deg) translateX(-1px)}40%{transform:rotate(7deg) translateX(1px)}60%{transform:rotate(-5deg) translateX(-1px)}80%{transform:rotate(5deg) translateX(1px)}}
.home-about{text-align:left!important}
.home-about h3{max-width:none!important;text-align:left!important;line-height:1.45}
.home-about h4{margin:22px 0 12px;color:#eee;font-size:14px;line-height:1.45}
.home-about p{max-width:none!important;text-align:left!important;line-height:1.75}
.home-about ul{margin:16px 0 0;padding-left:21px;color:#aaa;font-size:11px;line-height:1.75}
.home-about li{padding-left:2px;margin:8px 0}
.home-about li strong,.home-about p strong{color:#eee}
@media(prefers-reduced-motion:reduce){.notice-mic svg{animation:none}}
/* END BRAND HORN + ABOUT PATCH */

/* ===== FOOTER INFO CARDS — yellow / SCREENSHOT STYLE ===== */
.home-info-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
  margin:22px auto 0;max-width:980px;
}
.home-info-card{
  min-height:48px;display:flex;align-items:center;gap:12px;padding:10px 14px;
  border-radius:13px;text-decoration:none;box-sizing:border-box;
  background:linear-gradient(135deg,#ffd400,#8a7000);
  border:1px solid rgba(255,212,0,.42);
  color:#ffffff;box-shadow:0 7px 18px rgba(0,0,0,.24),0 0 12px rgba(255,212,0,.08);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.home-info-card:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 24px rgba(0,0,0,.30),0 0 16px rgba(255,212,0,.16);}
.home-info-icon{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.13);color:#fff;font-size:12px;}
.home-info-card>span:last-child{font-size:11px;font-weight:900;line-height:1.25;letter-spacing:.1px;color:#ffffff;}
@media(max-width:699px){.home-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-info-card{min-height:46px;padding:9px 10px;gap:9px}.home-info-card>span:last-child{font-size:10px}.home-info-icon{width:27px;height:27px;flex-basis:27px;font-size:11px}}
@media(max-width:360px){.home-info-grid{grid-template-columns:1fr 1fr}.home-info-card{padding:8px}.home-info-icon{width:25px;height:25px;flex-basis:25px}.home-info-card>span:last-child{font-size:9px}}


/* ===== ABOUT TEXT OUTSIDE NAV CARDS ===== */
.home-about-public{
  margin:0 auto 24px;max-width:980px;padding:22px 8px 4px;text-align:left;color:#bdbdbd;
}
.home-about-public .home-about-kicker{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid rgba(255,212,0,.28);border-radius:999px;background:rgba(255,212,0,.07);color:#fff06a;font-size:9px;font-weight:900;letter-spacing:1.2px;margin-bottom:10px}
.home-about-public h2{margin:0 0 10px;color:#f1fff8;font-size:18px;line-height:1.35}
.home-about-public h2 strong,.home-about-public h3{color:#fff06a}
.home-about-public h3{margin:20px 0 8px;font-size:14px;line-height:1.4}
.home-about-public p{margin:0 0 12px;max-width:none;color:#bdbdbd;font-size:11px;line-height:1.75}
.home-about-public p strong,.home-about-public li strong{color:#fff6a0}
.home-about-public ul{margin:10px 0 14px;padding-left:21px;color:#bdbdbd;font-size:11px;line-height:1.75}
.home-about-public li{margin:7px 0;padding-left:2px}
.home-about-public .home-about-disclaimer{margin-top:16px;color:#8f8f8f;font-size:10px}
.home-info-card .home-info-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:699px){.home-about-public{padding:20px 5px 2px}.home-about-public h2{font-size:16px}.home-about-public h3{font-size:13px}.home-about-public p,.home-about-public ul{font-size:10.5px;line-height:1.7}}

/* v10 clarification: About text remains above and outside the yellow navigation cards. */
.home-about-public{position:relative;display:block !important;margin-bottom:26px !important;padding-bottom:12px !important;border-bottom:1px solid rgba(255,212,0,.16);}
.home-info-grid{position:relative;z-index:2;}
.home-info-card{background:linear-gradient(135deg,#ffd400 0%,#8a7000 100%) !important;border-color:rgba(255,212,0,.55) !important;}
.home-info-icon{background:rgba(0,0,0,.16) !important;border:1px solid rgba(255,255,255,.22);}
.home-info-card>span:last-child{color:#fff !important;}


/* v11 — About content is a standalone block; every yellow info card is intentionally identical. */
.home-about-public{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:980px!important;
  margin:0 auto 26px!important;
  padding:22px 8px 18px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,212,0,.16)!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.home-info-grid{
  width:100%!important;
  max-width:980px!important;
  margin:0 auto!important;
}
.home-info-card,
.home-info-card:first-child,
.home-info-card:nth-child(2),
.home-info-card:nth-child(3),
.home-info-card:nth-child(4),
.home-info-card:nth-child(5),
.home-info-card:nth-child(6){
  min-height:48px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#ffd400 0%,#8a7000 100%)!important;
  border:1px solid rgba(255,212,0,.55)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(0,0,0,.24),0 0 12px rgba(255,212,0,.08)!important;
}
.home-info-card .home-info-icon{
  width:29px!important;height:29px!important;flex:0 0 29px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;
  background:rgba(0,0,0,.16)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
}
.home-info-card>span:last-child{color:#fff!important;font-size:11px!important;font-weight:900!important}
@media(max-width:699px){
  .home-about-public{padding:20px 5px 16px!important;margin-bottom:20px!important}
  .home-info-card,.home-info-card:first-child,.home-info-card:nth-child(2),.home-info-card:nth-child(3),.home-info-card:nth-child(4),.home-info-card:nth-child(5),.home-info-card:nth-child(6){min-height:46px!important;padding:9px 10px!important;gap:9px!important}
  .home-info-card .home-info-icon{width:27px!important;height:27px!important;flex-basis:27px!important}
  .home-info-card>span:last-child{font-size:10px!important}
}
@media(max-width:360px){
  .home-info-card,.home-info-card:first-child,.home-info-card:nth-child(2),.home-info-card:nth-child(3),.home-info-card:nth-child(4),.home-info-card:nth-child(5),.home-info-card:nth-child(6){padding:8px!important}
  .home-info-card .home-info-icon{width:25px!important;height:25px!important;flex-basis:25px!important}
  .home-info-card>span:last-child{font-size:9px!important}
}


/* YELLOW DARK FINAL: colors only; original layout remains untouched. */
html, body { background-color:#000 !important; }
body, .app, .page, .main, .main-content, .content, .content-wrapper, .page-content { background-color:#000 !important; }
.header, .topbar, .top-bar, .navbar, .sidebar, .side-bar, .side-menu, .footer, .bottom-menu, .home-bottom, .mobile-bottom, .bottom-nav { background-color:#000 !important; border-color:#ffd400 !important; }
button, .btn, .button, .btn-primary, .btn-success, .submit, .register, .register-submit { background-color:#ffd400 !important; background-image:none !important; color:#000 !important; border-color:#ffd400 !important; }
.section-title, .section-head h2, .title, .heading, .logo, .active, .text-success, .text-yellow, .yellow, .game-meta, .togel-title { color:#ffd400 !important; }
.card, .game-card, .game, .provider, .category, .cat, .grid-item, .menu-item, .side-link, .home-info-card { border-color:#ffd400 !important; }


/* YELLOW DARK FINAL COLOR OVERRIDE — layout/logic untouched */
html, body { background:#000 !important; }
body, .app, .page, .main, .content, .main-content, .page-content, .mobile-page { background-color:#000 !important; }
.sidebar, .side-panel, .sidebar-panel, .side-nav, .mobile-sidebar, .offcanvas, .drawer, .menu-sidebar { background-color:#000 !important; background-image:none !important; }
.sidebar *, .side-panel *, .sidebar-panel *, .side-nav *, .mobile-sidebar *, .offcanvas *, .drawer *, .menu-sidebar * { --yellow:#ffd400 !important; }
.text-success, .text-yellow, .yellow, .success, .is-yellow, [class*="yellow"], [class*="success"] { color:#ffd400 !important; }
[style*="background"], [style*="color"] { }

/* YELLOW DARK FINAL COLOR OVERRIDE — colors only */
html, body { background-color:#000000 !important; }
.sidebar, .side-bar, .sidebar-menu, .offcanvas, .drawer, .menu-sidebar { background-color:#000000 !important; background-image:none !important; }

/* YELLOW DARK FINAL OVERRIDE — footer and navigation icons */
.bottom i,.bottom svg,.bottom .icon,.bottom a,.footer i,.footer svg,.footer .icon,.footer a,.fixed-bottom i,.fixed-bottom svg,.mobile-footer i,.mobile-footer svg,.nav-bottom i,.nav-bottom svg{color:#ffd400 !important;}
.sidebar i,.sidebar svg,.side-menu i,.side-menu svg,.drawer i,.drawer svg,.game-menu i,.game-menu svg,.provider i,.provider svg{color:#ffd400 !important;stroke:#ffd400 !important;}
html,body{background:#000000 !important;}

/* YELLOW DARK: preserve original center footer icon visibility */
.bottom .center span svg,
.bottom .center span svg path,
.bottom .center span svg line,
.bottom .center span svg circle,
.bottom .center span svg rect,
.bottom .center span svg polyline,
.bottom .center span svg polygon {
  color:#111 !important;
  stroke:#111 !important;
  fill:none !important;
}
.bottom .center span svg { opacity:1 !important; }