*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171717;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px}.container{width:min(1180px,calc(100% - 28px));margin:auto}a{text-decoration:none;color:inherit}.topbar{height:64px;border-bottom:1px solid #ddd;background:#fff;position:sticky;top:0;z-index:50}.nav{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:900;letter-spacing:-1px}.brand-mark{width:35px;height:35px;border-radius:50%;background:#151515;color:#fff;display:grid;place-items:center}.red{color:#e51b35}.main-nav{display:flex;gap:30px;font-size:12px;font-weight:600}.main-nav a:hover{color:#e51b35}.nav-tools{display:flex;gap:15px}.nav-tools button{background:none;border:0;font-size:24px;cursor:pointer}.mobile-menu{display:none}
.hero{padding:95px 0 65px;background:#fff}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.hero-placeholder{height:355px;border-radius:2px;background:radial-gradient(circle at 70% 35%,#e42b39,#710e19 38%,#101010 75%);display:grid;place-items:center;color:#fff;font-size:55px;font-weight:900;line-height:.85;text-align:center;box-shadow:0 15px 45px #0002}.hero-placeholder b{color:#ff253d}.thumbs{display:flex;gap:10px;margin-top:18px;align-items:center}.thumb{height:75px;width:75px;border:1px solid #bbb;border-radius:7px;display:grid;place-items:center;font-weight:800;background:#eee}.thumb.active{border:2px solid #e51b35}.more{height:75px;padding:0 17px;border:1px solid #bbb;border-radius:7px;display:grid;place-items:center;font-size:12px}.hero-panel{background:#d30e2d;border-radius:32px;padding:45px 36px;min-height:470px}.hero-panel h1{font-size:34px;line-height:1.28;text-align:center;margin:0 0 28px}.panel-box{background:#fffaf2;border-radius:24px;overflow:hidden}.panel-box h2{font-size:21px;margin:0;padding:25px 35px;border-bottom:1px solid #ddd;position:relative}.panel-box h2:before{content:"";position:absolute;left:20px;top:29px;width:4px;height:50px;background:#e51b35}.rows>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 32px;border-bottom:1px solid #ddd}.rows b{font-size:13px}.rows span{border:1px solid #e51b35;border-radius:20px;padding:5px 13px;font-size:12px;text-align:center}
.intro{padding:45px 0 75px}.intro>h2{font-size:34px;line-height:1.35;text-align:center;margin:0 auto 35px;max-width:1000px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats div{border:1px solid #e8c68d;border-radius:18px;text-align:center;padding:20px}.stats b{display:block;font-size:20px}.stats span{display:block;color:#d31332;font-size:11px;font-weight:700;margin-top:6px}.article-card{margin-top:33px;border:1px solid #ff173a;border-radius:17px;background:#fff7f8;padding:25px 28px;color:#444;line-height:1.45}.article-card p{margin:0 0 18px}.article-card p:last-child{margin-bottom:0}.article-card strong{color:#d20d2c}
.reviews-section{padding:5px 0 65px}.section-title{display:flex;align-items:center;gap:12px;margin:0 0 22px}.section-title span{width:4px;height:32px;background:#e51b35;border-radius:4px}.section-title h2{font-size:28px;margin:0}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review{border:1px solid #ff173a;border-radius:20px;background:#fff7f8;padding:22px;min-height:195px}.review-top{display:flex;justify-content:space-between;gap:12px}.review-top strong{color:#ef2340;letter-spacing:2px}.review p{font-style:italic;color:#555;line-height:1.8}.review small{color:#999}.contact{background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:65px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact h2{font-size:38px;margin:0 0 10px}.contact p{color:#666;max-width:520px}.contact-links{border-top:1px solid #ccc}.contact-links a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ccc;font-weight:600}.contact-links span{font-size:20px}
footer{background:#fff}.breadcrumbs{height:50px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #ddd;font-size:10px}.breadcrumbs span{color:#888}.footer-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr 1.1fr 1.5fr}.footer-grid>div{min-height:250px;padding:22px 20px;border-right:1px solid #ddd}.footer-grid>div:first-child{padding-left:0}.footer-grid h3{font-size:14px;margin:0 0 25px}.footer-grid a{display:block;font-size:11px;margin:14px 0}.footer-grid a:hover{color:#e51b35}.footer-bottom{border-top:1px solid #ddd;display:flex;justify-content:space-between;padding:22px 0;color:#777;font-size:10px}
@media(max-width:850px){.main-nav{display:none}.mobile-menu{display:inline-block}.hero-grid{grid-template-columns:1fr}.hero-panel{order:2}.hero-placeholder{height:300px}.stats{grid-template-columns:1fr 1fr}.reviews{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:nth-child(odd){border-right:1px solid #ddd}.contact-grid{grid-template-columns:1fr}}
@media(max-width:520px){.hero{padding-top:45px}.hero-panel{padding:28px 18px;border-radius:22px}.hero-panel h1{font-size:25px}.panel-box h2{font-size:17px;padding:22px 30px}.rows>div{padding:15px 18px;align-items:flex-start;flex-direction:column;gap:7px}.thumb{width:60px;height:60px}.more{height:60px}.intro>h2{font-size:25px}.stats{grid-template-columns:1fr}.reviews{grid-template-columns:1fr}.section-title h2{font-size:22px}.footer-grid{grid-template-columns:1fr}.footer-grid>div{border-right:0;border-bottom:1px solid #ddd;min-height:auto}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}}


/* SULTAN CUAN — BLACK & GOLD THEME OVERRIDES */
:root {
  --bg: #070707;
  --bg-soft: #0d0d0d;
  --card: #111111;
  --card-2: #151515;
  --text: #fdf9f9;
  --muted: #b7b0a2;
  --gold: #d4af37;
  --gold-light: #f1d77a;
  --gold-dark: #8f7220;
  --border: rgba(212,175,55,.42);
  --shadow: 0 18px 45px rgba(0,0,0,.45);
}

html, body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

body {
  background:
    radial-gradient(circle at 85% 5%, rgba(212,175,55,.10), transparent 28%),
    radial-gradient(circle at 10% 30%, rgba(212,175,55,.055), transparent 25%),
    var(--bg) !important;
}

header, .header, nav, .navbar {
  background: rgba(7,7,7,.94) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

a {
  color: var(--gold-light) !important;
}

h1, h2, h3, h4, h5, strong {
  color: var(--text) !important;
}

p, li, .muted, .subtitle, .description {
  color: var(--muted) !important;
}

section, .section {
  background: transparent !important;
}

.card, .info-card, .feature-card, .article-card, .review-card,
.stat-card, .support-card, .content-card, .box {
  background: linear-gradient(145deg, #151515, #0c0c0c) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow) !important;
  color: var(--text) !important;
}

button, .btn, .button, .cta {
  background: linear-gradient(135deg, #f0d36b, #b88b20) !important;
  color: #080808 !important;
  border: 1px solid #f1d77a !important;
  box-shadow: 0 8px 24px rgba(212,175,55,.18) !important;
}

button:hover, .btn:hover, .button:hover, .cta:hover {
  background: linear-gradient(135deg, #ffe58b, #d4af37) !important;
}

.hero, .hero-section {
  background:
    radial-gradient(circle at 75% 50%, rgba(212,175,55,.14), transparent 35%),
    linear-gradient(135deg, #080808, #12100a) !important;
}

.badge, .eyebrow, .tag, .label {
  color: var(--gold-light) !important;
  border-color: var(--border) !important;
  background: rgba(212,175,55,.08) !important;
}

.price, .number, .accent, .gold, .highlight {
  color: var(--gold-light) !important;
}

footer {
  background: #050505 !important;
  border-top: 1px solid var(--border) !important;
  color: var(--muted) !important;
}

input, textarea, select {
  background: #0d0d0d !important;
  color: var(--text) !important;
  border: 1px solid rgba(212,175,55,.35) !important;
}

::selection {
  background: var(--gold);
  color: #000;
}


/* Logo brand mark */
.brand-mark-img{width:34px;height:34px;display:block;object-fit:cover;border-radius:50%;flex:0 0 34px;}
.brand{display:flex;align-items:center;gap:10px;}
@media (max-width:640px){.brand-mark-img{width:32px;height:32px;flex-basis:32px;}}

/* Hero SULTAN CUAN artwork */
.hero-placeholder{overflow:hidden;position:relative;background:#080808!important;display:flex!important;align-items:center;justify-content:center;}
.hero-logo{width:100%;height:100%;object-fit:cover;display:block;}
@media(max-width:850px){.hero-logo{object-fit:cover;}}


/* ===== FINAL FIX: PANEL TEXT MUST BE VISIBLE ===== */
.hero-panel .panel-box {
  background: #fffaf2 !important;
  color: #151515 !important;
}

.hero-panel .panel-box h2 {
  color: #151515 !important;
  -webkit-text-fill-color: #151515 !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

.hero-panel .panel-box .rows > div {
  color: #333333 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.hero-panel .panel-box .rows > div b {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

.hero-panel .panel-box .rows > div span {
  color: #7a4d00 !important;
  -webkit-text-fill-color: #7a4d00 !important;
  background: #fff1b8 !important;
  border: 1px solid #d4a72c !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

/* Override the broad dark-theme heading rule only for this cream panel */
.hero-panel .panel-box h1,
.hero-panel .panel-box h2,
.hero-panel .panel-box h3,
.hero-panel .panel-box h4,
.hero-panel .panel-box p,
.hero-panel .panel-box label {
  color: #151515 !important;
  -webkit-text-fill-color: #151515 !important;
}


/* ===== FINAL FIX: REVIEW / PANDUAN TEXT VISIBILITY ===== */
.reviews-section .section-title h2 {
  color:#f5f5f5 !important;
  -webkit-text-fill-color:#f5f5f5 !important;
  opacity:1 !important;
  visibility:visible !important;
  font-weight:900 !important;
}

.reviews-section .review {
  background:#fff7f8 !important;
  color:#222222 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.reviews-section .review-top b {
  color:#222222 !important;
  -webkit-text-fill-color:#222222 !important;
  opacity:1 !important;
  visibility:visible !important;
  font-weight:800 !important;
}

.reviews-section .review-top strong {
  color:#d31332 !important;
  -webkit-text-fill-color:#d31332 !important;
  opacity:1 !important;
  visibility:visible !important;
  font-weight:900 !important;
  letter-spacing:2px !important;
}

.reviews-section .review p {
  color:#3f3f3f !important;
  -webkit-text-fill-color:#3f3f3f !important;
  opacity:1 !important;
  visibility:visible !important;
  font-style:italic !important;
  line-height:1.8 !important;
  font-weight:500 !important;
}

.reviews-section .review small {
  color:#555555 !important;
  -webkit-text-fill-color:#555555 !important;
  opacity:1 !important;
  visibility:visible !important;
  font-weight:600 !important;
}

/* Make every text node in review cards readable even if inherited theme rules exist */
.reviews-section .review * {
  text-shadow:none !important;
}


/* Sultan Cuan thumbnail gallery */
.thumbs .thumb{
  padding:0;
  overflow:hidden;
  background:#080808 !important;
  border:1px solid rgba(212,175,55,.55) !important;
}
.thumbs .thumb.active{
  border:2px solid #d4af37 !important;
}
.thumbs .thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.thumbs .more{
  background:#080808 !important;
  color:#f1d77a !important;
  border-color:rgba(212,175,55,.55) !important;
}