/* JK ADISTORE v116 - tampilan premium halaman statis (tentang, komunitas, katalog, top-up-gem, script-gg) */
:root{--jk-gold:#ffd166;--jk-blue:#2f6bff;--jk-ink:#071230;--jk-glass:rgba(255,255,255,.065);--jk-line:rgba(120,160,255,.28)}
body{background:radial-gradient(70% 38% at 15% -4%,rgba(47,107,255,.55),transparent 70%),radial-gradient(60% 34% at 92% 6%,rgba(255,209,102,.16),transparent 70%),linear-gradient(180deg,#0b2a78 0,#071230 46%,#050b20 100%) fixed!important}
.top{position:sticky;top:0;z-index:20;background:rgba(10,36,110,.72)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--jk-line)!important}
.top a{letter-spacing:.2px}
main{max-width:760px!important}
h1{font-size:clamp(26px,7vw,38px)!important;line-height:1.12!important;font-weight:900;letter-spacing:-.6px;background:linear-gradient(100deg,#fff 30%,var(--jk-gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
h2{display:flex;align-items:center;gap:10px;font-size:19px!important;margin:34px 0 10px!important;color:#fff!important}
h2::before{content:"";width:5px;height:20px;border-radius:3px;background:linear-gradient(var(--jk-gold),#ff9f43)}
p,li{color:#d4e0ff!important;line-height:1.7}
.card{background:var(--jk-glass)!important;border:1px solid var(--jk-line)!important;border-radius:18px!important;padding:16px 18px!important;backdrop-filter:blur(6px);box-shadow:0 10px 30px -18px rgba(0,0,0,.7);transition:border-color .2s,transform .2s}
.card:hover{border-color:rgba(255,209,102,.6)!important;transform:translateY(-2px)}
.card b{color:#fff}
.btn{border-radius:14px!important;font-weight:900;box-shadow:0 8px 22px -8px rgba(255,209,102,.7);transition:transform .15s,box-shadow .15s}
.btn.alt{box-shadow:0 8px 22px -8px rgba(37,211,102,.7)}
.btn:hover{transform:translateY(-2px)}
table{border-radius:14px;overflow:hidden;background:var(--jk-glass)}
th,td{border-bottom:1px solid var(--jk-line)!important;padding:10px 12px!important}
tr:nth-child(even) td{background:rgba(255,255,255,.035)}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--jk-gold);outline-offset:3px;border-radius:10px}
/* hero + statistik (tentang-kami) */
.jk-hero{position:relative;margin:4px 0 22px;padding:26px 20px 22px;border-radius:24px;border:1px solid var(--jk-line);background:linear-gradient(135deg,rgba(47,107,255,.34),rgba(7,18,48,.6) 60%),radial-gradient(80% 120% at 100% 0,rgba(255,209,102,.22),transparent 60%);overflow:hidden}
.jk-hero::after{content:"";position:absolute;inset:-40% -20% auto auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,102,.35),transparent 70%);filter:blur(10px);animation:jkGlow 7s ease-in-out infinite alternate;pointer-events:none}
.jk-hero p{max-width:60ch;position:relative;z-index:1}
.jk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;position:relative;z-index:1}
.jk-stats div{padding:12px 8px;border-radius:14px;background:rgba(5,11,32,.55);border:1px solid var(--jk-line);text-align:center}
.jk-stats b{display:block;font-size:20px;color:var(--jk-gold)}
.jk-stats span{font-size:12px;color:#c3d3ff}
@keyframes jkGlow{from{transform:translate(0,0) scale(1)}to{transform:translate(-30px,24px) scale(1.2)}}
@media (prefers-reduced-motion:reduce){.jk-hero::after{animation:none}.card,.btn{transition:none}}