/* Tema navy kaca ala bhcapps.net: BHC PoS (biru-cyan) dan Asosiasi (biru-merah) */
.theme-pos{--orange:#1d6cff;--orange2:#22d3ee;--glow:29,108,255;--glow2:34,211,238}
.assoc{--orange:#2563eb;--orange2:#ff4d5a;--navy:#3b82f6;--red:#ff4d5a;--glow:37,99,235;--glow2:255,77,90}
.theme-pos,.assoc{--paper:#050a14;--ink:#e8eefb;--muted:#9fb0cc;--line:rgba(var(--glow),.26);--card:rgba(14,26,48,.72);--card2:rgba(20,36,66,.72)}

.theme-pos,.assoc,
.theme-pos .section,.assoc .section,.assoc .assoc-soft,.assoc .assoc-dark,.assoc .assoc-hero,.theme-pos .dark-band,.theme-pos .u-section-white{
  background:#050a14!important;color:var(--ink)}
.theme-pos .hero,.theme-pos .u-hero,.assoc .assoc-hero,.assoc .u-hero{
  background:radial-gradient(900px 500px at 80% 20%,rgba(var(--glow),.28),transparent 60%),radial-gradient(700px 400px at 10% 90%,rgba(var(--glow2),.14),transparent 60%),#040812!important}
.theme-pos .section+.section,.assoc .section+.section{border-top:1px solid rgba(var(--glow),.12)}

.theme-pos .topbar,.assoc .topbar{background:rgba(4,8,18,.8)!important;border-bottom:1px solid rgba(var(--glow),.25)}
.theme-pos .site-footer,.assoc .site-footer{background:#03060d!important;border-top:1px solid rgba(var(--glow),.22)}
.theme-pos .progress,.assoc .progress{background:linear-gradient(90deg,var(--orange),var(--orange2))!important}

.theme-pos .btn,.assoc .btn{background:linear-gradient(135deg,var(--orange),var(--orange2))!important;box-shadow:0 18px 40px -18px rgba(var(--glow),.85)!important}
.theme-pos .btn.outline,.assoc .btn.outline{background:rgba(255,255,255,.04)!important;border:1px solid rgba(var(--glow),.5)!important;box-shadow:none!important}
.assoc .btn{background:linear-gradient(135deg,#2563eb,#1e40af)!important}

.theme-pos .u-hero .kicker,.assoc .assoc-hero .kicker,.theme-pos .kicker{color:var(--orange2)!important;border-color:rgba(var(--glow),.4)!important;background:rgba(var(--glow),.1)!important}
.theme-pos .eyebrow,.assoc .eyebrow{color:var(--orange2)!important}
.theme-pos h1 em,.theme-pos h2 em{color:var(--orange2)!important}
.assoc h1 em,.assoc h2 em,.assoc .tagline{color:#ff4d5a!important}

.theme-pos .feature-grid article,.theme-pos .steps>div,.theme-pos .chips span,.theme-pos .press a,.theme-pos .social,
.assoc .assoc-stats div,.assoc .id-table,.assoc .value-row article,.assoc .scope-grid article,.assoc .member-cards article,.assoc .mission li,.assoc .social{
  background:linear-gradient(180deg,var(--card2),var(--card))!important;border:1px solid rgba(var(--glow),.28)!important;backdrop-filter:blur(14px);box-shadow:0 20px 50px -30px rgba(var(--glow),.55)!important}
.theme-pos .feature-grid article:hover,.assoc .scope-grid article:hover{border-color:rgba(var(--glow2),.6)!important;transform:translateY(-4px);transition:.35s var(--ease)}
.assoc .value-row article{border-top:3px solid #ff4d5a!important}
.assoc .member-cards article{border-left:3px solid #3b82f6!important}
.assoc .mission li:before{background:linear-gradient(135deg,#2563eb,#ff4d5a)!important;color:#fff!important}
.theme-pos .steps b,.theme-pos .feature-grid b{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff}
.theme-pos .feature-grid b{background:none;color:var(--orange2)}
.theme-pos .u-status,.assoc .badge{background:linear-gradient(135deg,var(--orange),var(--orange2))!important}

.theme-pos .shine,.theme-pos .rotator.shine>span{background-image:linear-gradient(100deg,#22d3ee 20%,#e0f7ff 40%,#1d6cff 60%,#22d3ee 80%)!important}
.assoc .shine,.assoc .rotator.shine>span{background-image:linear-gradient(100deg,#3b82f6 20%,#ffffff 40%,#ff4d5a 60%,#3b82f6 80%)!important}
.theme-pos .yt,.assoc .yt{box-shadow:0 30px 60px -30px rgba(var(--glow),.6)}
.theme-pos .yt:after,.assoc .yt:after{background-color:rgba(var(--glow),.92)!important}
.theme-pos .u-logo img,.assoc .u-logo img,.assoc .assoc-hero img{filter:drop-shadow(0 30px 60px rgba(var(--glow),.45))}
.theme-pos .shot-wide,.theme-pos .shot-row img{box-shadow:0 30px 70px -30px rgba(var(--glow),.6);border:1px solid rgba(var(--glow),.3)}
.theme-pos .wa-list a,.assoc .wa-list a{background:var(--card)!important}
.theme-pos .note a,.assoc .note a{color:var(--orange2)}
.theme-pos a:not(.btn):hover,.assoc a:not(.btn):hover{color:var(--orange2)}
.assoc .assoc-logo{mix-blend-mode:normal!important;border-radius:0!important;max-width:460px;filter:drop-shadow(0 30px 60px rgba(37,99,235,.45)) drop-shadow(0 0 40px rgba(255,77,90,.18));animation:intro .9s var(--ease) .12s forwards,tileFloat 7s ease-in-out 1.1s infinite}