:root{color-scheme:dark;--bg:#09111f;--panel:#111e31;--line:#263750;--muted:#98aac2;--blue:#83c5ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#edf4ff;font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.topbar{border-bottom:1px solid #23334c;background:#0b1423ed}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:#1b3554;border:1px solid #3d668d;border-radius:11px;color:var(--blue);font-size:18px}.brand em{font-style:normal;color:var(--blue)}.nav{display:flex;align-items:center;gap:25px;color:#b5c3d7;font-size:13px;font-weight:600}.nav a:hover{color:#fff}.private-label{display:flex;align-items:center;gap:7px;padding:7px 12px;background:#14263a;border:1px solid #2a4261;border-radius:7px;font-size:11px;color:#b8d9f9}.private-label svg{width:13px;height:13px}.hero{position:relative;overflow:hidden;padding:64px 0 58px}.hero:before{content:'';position:absolute;pointer-events:none;width:600px;height:450px;right:-100px;top:-100px;background:radial-gradient(ellipse,#274a754a,transparent 68%)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:11px;font-weight:750;letter-spacing:2px;text-transform:uppercase}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue)}h1{font-size:clamp(36px,4.5vw,58px);letter-spacing:-2.5px;line-height:1.13;margin:20px 0}h1 span{color:var(--blue)}.hero-copy>p{color:var(--muted);max-width:435px;font-size:15px;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#87caff;color:#071624;border-radius:8px;padding:12px 18px;font-size:13px;font-weight:750}.button.secondary{background:#142238;color:#cfdded;border:1px solid #2d425e}.hero-meta{display:flex;gap:22px;margin-top:29px;color:#8396af;font-size:11px}.hero-meta b{color:#d4e1f1;font-weight:600}.feature{background:linear-gradient(140deg,#192e48,#111e30 68%);border:1px solid #365273;border-radius:18px;padding:28px;box-shadow:0 20px 70px #0003;position:relative}.feature-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.feature-top .eyebrow{letter-spacing:1px;font-size:10px}.date-chip{color:#bbcde2;background:#21374f;padding:5px 9px;border-radius:5px;font-size:11px}.feature h2{font-size:23px;margin:20px 0 18px;letter-spacing:-.5px}.feature-bottom{display:flex;justify-content:space-between;border-top:1px solid #2b415b;margin-top:23px;padding-top:16px;font-size:11px;color:#9cb2cd}.feature-bottom a{color:#a7d8ff}.horizontal-digits{display:flex;gap:10px;align-items:center}.horizontal-digits .lottery-ball{--ball-light:#628bd7;--ball-dark:#253a8a;isolation:isolate;background:radial-gradient(ellipse at 0% 72%,#ffffffd9 0 7%,transparent 8%),radial-gradient(ellipse at 101% 50%,#ffffffd9 0 8%,transparent 9%),radial-gradient(circle at 28% 17%,#ffffffa8 0%,transparent 33%),linear-gradient(145deg,var(--ball-light) 8%,var(--ball-dark) 100%);border:2px solid #edf3ffdb;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 2px 2px 4px #fff6,inset -3px -4px 6px #0007,0 3px 6px #0006;border-radius:50%;width:54px;height:54px;flex:0 0 54px;font-size:30px}.horizontal-digits .lottery-ball:before{content:'';background:#fffffff0;border-radius:50%;width:29%;height:8%;position:absolute;top:3%;left:25%;transform:rotate(-17deg);box-shadow:0 1px 3px #fff8}.horizontal-digits .lottery-ball:after{content:'';background:#fff;border-radius:50%;width:9%;height:9%;position:absolute;top:17%;left:17%;box-shadow:0 0 3px #fffa}.ball-face{z-index:1;color:#101214;text-shadow:0 1px #fff;background:radial-gradient(circle at 33% 25%,#fff 35% 82%,#e4eaee 100%);border:1px solid #e6ebed;border-radius:50%;place-items:center;width:64%;height:64%;font-family:Arial,Helvetica,sans-serif;font-size:.75em;font-weight:900;line-height:1;display:grid;position:relative;box-shadow:inset 1px 1px 2px #fff,0 1px 2px #0005}.horizontal-digits .lottery-ball[data-digit='3']{background:radial-gradient(at 0 72%,#ffffffd9 0 7%,#0000 8%),radial-gradient(at 101%,#ffffffd9 0 8%,#0000 9%),radial-gradient(circle at 28% 17%,#ffffffa8 0%,#0000 33%),linear-gradient(145deg,#0000 25%,#0004 100%),conic-gradient(from -30deg,#ed405b,#f4a32e,#ebd83b,#49c165,#28c7d7,#3f62e4,#9b58df,#df4aa6,#ed405b)}.feature .lottery-ball{width:76px;height:76px;flex-basis:76px;font-size:44px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{font-size:25px;letter-spacing:-.7px;margin:0 0 4px}.section-heading p{color:var(--muted);font-size:12px;margin:0}.format-switch{display:flex;gap:4px;background:#0d192a;padding:4px;border:1px solid #25364e;border-radius:8px;white-space:nowrap}.format-switch button{background:transparent;color:#97abc4;border:0;padding:7px 12px;border-radius:5px;font-size:11px;cursor:pointer}.format-switch button[aria-pressed='true']{background:#263e5c;color:#e2f0ff}.results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.result-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;transition:border-color .2s,transform .2s}.result-card:hover{border-color:#5b84b1;transform:translateY(-2px)}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px}.result-heading h3{font-size:13px;font-weight:700;margin:0}.market-code{font-size:9px;font-weight:600;letter-spacing:.8px;color:#9db6d3;border:1px solid #304661;background:#1a2b41;padding:3px 6px;border-radius:4px}.result-card .horizontal-digits{gap:7px}.result-card .lottery-ball{width:46px;height:46px;flex-basis:46px;font-size:26px;border-width:1px}.result-card.full .lottery-ball{width:32px;height:32px;flex-basis:32px;font-size:20px}.result-card.full .horizontal-digits{gap:5px}.result-date{margin:20px 0 0;color:#9db0c8;display:flex;justify-content:space-between;align-items:center;font-size:10px}.result-date span{color:#729ac4}.archive-card{display:flex;flex-direction:column;justify-content:center;gap:12px;background:#0d192a;border-style:dashed}.archive-icon{display:grid;place-items:center;background:#203854;color:#a9d8ff;width:35px;height:35px;border-radius:9px;font-size:20px}.archive-card h3{font-size:14px;margin:0}.archive-card p{font-size:11px;color:var(--muted);margin:0}.archive-card>span:last-child{color:var(--blue);font-size:11px}.module-section{margin:45px 0}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.module-card{display:flex;gap:14px;padding:21px 17px;border:1px solid #24354a;border-radius:10px;background:#0f1a2c;align-items:flex-start}.module-card:hover{background:#172840}.module-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#1b3550;color:#9bd0ff}.module-icon svg{width:18px;height:18px}.module-card h3{margin:0 0 5px;font-size:13px}.module-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.module-card .arrow{margin-left:auto;color:#6fa3d6}.info-bar{display:flex;gap:12px;align-items:center;padding:14px 18px;background:#101d30;border:1px solid #26384f;border-radius:8px;color:#a4b6cc;font-size:11px;margin-bottom:32px}.info-bar svg{flex:0 0 16px;width:16px;height:16px;color:#7baad5}.footer{border-top:1px solid #223148;padding:20px 0;color:#7188a4;font-size:11px}.footer .wrap{display:flex;justify-content:space-between;gap:16px}.footer a{color:#a6bdd8}@media(min-width:1100px){.result-card .lottery-ball{width:49px;height:49px;flex-basis:49px}}@media(max-width:1050px){.nav{gap:15px}.hero-grid{gap:35px}.feature .lottery-ball{width:64px;height:64px;flex-basis:64px;font-size:37px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-card.full .lottery-ball{width:42px;height:42px;flex-basis:42px;font-size:25px}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.topbar .wrap{flex-wrap:wrap;padding:17px 0;gap:14px}.brand{font-size:20px}.private-label{margin-left:auto}.nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:11px}.hero{padding:36px 0}.hero-grid{grid-template-columns:1fr;gap:30px}h1{font-size:42px;letter-spacing:-1.7px}.hero-copy>p{font-size:14px}.feature{padding:24px}.feature .lottery-ball{width:65px;height:65px;flex-basis:65px;font-size:37px}.hero-meta{gap:15px}.section-heading{align-items:start;flex-direction:column;gap:14px}.section-heading h2{font-size:23px}.results-grid{gap:10px}.result-card{padding:15px 12px}.result-heading{margin-bottom:18px}.result-heading h3{font-size:12px}.market-code{font-size:8px;padding:2px 4px}.result-card .horizontal-digits{gap:4px}.result-card .lottery-ball{width:33px;height:33px;flex-basis:33px;font-size:21px}.result-card.full .horizontal-digits{gap:3px}.result-card.full .lottery-ball{width:22px;height:22px;flex-basis:22px;font-size:15px}.result-date{flex-wrap:wrap;gap:6px;font-size:9px}.module-section{margin:34px 0}.module-card{padding:17px 12px;gap:10px}.module-icon{width:28px;height:28px;flex-basis:28px}.module-card .arrow{display:none}.module-card p{font-size:10px}.footer .wrap{flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.result-card{transition:none}}
.result-card .lottery-ball{flex:1 1 0;min-width:0;height:auto;aspect-ratio:1;max-width:49px}.result-card.full .lottery-ball{flex:1 1 0;min-width:0;height:auto;aspect-ratio:1;max-width:32px}.feature .lottery-ball{flex:1 1 0;min-width:0;height:auto;aspect-ratio:1;max-width:76px}@media(max-width:1050px){.result-card.full .lottery-ball{max-width:42px}.feature .lottery-ball{max-width:64px}}@media(max-width:700px){.result-card .lottery-ball{max-width:33px;font-size:clamp(16px,5vw,21px)}.result-card.full .lottery-ball{max-width:22px;font-size:14px}.feature .lottery-ball{max-width:65px}}

/* Warna digit sama persis dengan Data Keluaran. */
.horizontal-digits [data-digit="0"]{--ball-light:#8f0606;--ball-dark:#390202}
.horizontal-digits [data-digit="1"]{--ball-light:#a8640c;--ball-dark:#432805}
.horizontal-digits [data-digit="3"]{--ball-light:#aef007;--ball-dark:#466003}
.horizontal-digits [data-digit="4"]{--ball-light:#36f007;--ball-dark:#166003}
.horizontal-digits [data-digit="5"]{--ball-light:#05ebdb;--ball-dark:#025e58}
.horizontal-digits [data-digit="6"]{--ball-light:#051ceb;--ball-dark:#020b5e}
.horizontal-digits [data-digit="7"]{--ball-light:#7803ff;--ball-dark:#300166}
.horizontal-digits [data-digit="8"]{--ball-light:#e009bc;--ball-dark:#5a044b}
.horizontal-digits [data-digit="9"]{--ball-light:#400e57;--ball-dark:#1a0623}
.horizontal-digits [data-digit="2"]{--ball-light:#535862;--ball-dark:#080a0d}
.feature-slide[hidden]{display:none!important}.feature-slide{animation:feature-appear .22s ease-out}.feature-slider-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.slider-buttons{display:flex;align-items:center;gap:6px}.slider-buttons button{display:grid;place-items:center;border:1px solid #3a5472;background:#1b334e;color:#c3e3ff;border-radius:7px;width:33px;height:31px;padding:0;font:600 16px system-ui;cursor:pointer}.slider-buttons button:hover{background:#2b4a6c}.slider-buttons .slider-pause{width:auto;min-width:52px;padding:0 10px;font-size:10px}.slider-count{color:#93adc9;font-size:10px;white-space:nowrap}.slider-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:19px}.slider-dot{width:8px;height:8px;display:block;padding:0;border:0;border-radius:10px;background:#415876;cursor:pointer}.slider-dot[aria-pressed='true']{width:23px;background:#8ecaff}.slider-dot:focus-visible,.slider-buttons button:focus-visible{outline:2px solid #c4e9ff;outline-offset:4px}.slider-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes feature-appear{from{opacity:.55}to{opacity:1}}@media(prefers-reduced-motion:reduce){.feature-slide{animation:none}}

.feature-ball-row{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:10px}.feature-ball-row .horizontal-digits{justify-content:center;width:100%;min-width:0}.feature-ball-row .lottery-ball{font-size:clamp(24px,3.8vw,44px)}.ball-side-arrow{display:grid;place-items:center;width:30px;height:40px;background:#1b334e;border:1px solid #3a5472;border-radius:7px;color:#bedfff;padding:4px;cursor:pointer}.ball-side-arrow:hover{background:#2a4a6d;color:#fff}.ball-side-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ball-side-arrow:focus-visible{outline:2px solid #c4e9ff;outline-offset:4px}.feature-slider-controls{justify-content:flex-end;margin-top:12px}@media(max-width:700px){.feature-ball-row{grid-template-columns:28px minmax(0,1fr) 28px;gap:7px}.ball-side-arrow{width:28px;height:36px;padding:3px}.feature-ball-row .horizontal-digits{gap:6px}.feature-ball-row .lottery-ball{font-size:clamp(24px,7vw,33px)}}

.module-section.wrap{margin-left:auto;margin-right:auto}

/* Use the same global width as every inner page. */
.wrap{width:min(var(--dh-layout-max,1440px),calc(100% - var(--dh-layout-gutter,24px) - var(--dh-layout-gutter,24px)))}
@media(max-width:700px){.wrap{width:min(var(--dh-layout-max,1440px),calc(100% - var(--dh-layout-gutter,14px) - var(--dh-layout-gutter,14px)))}}

/* Halaman beranda dapat disusun lewat dua shortcode AngkaHub. */
.angkahub-home-custom{width:100%;padding:clamp(28px,4vw,58px) 0}
.home-page-title{margin-bottom:clamp(22px,3vw,36px)}
.home-page-title .entry-title{margin:0;color:#edf4ff;font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.15;letter-spacing:-1.6px;overflow-wrap:anywhere}
.home-shortcode-content{display:grid;gap:clamp(24px,3vw,42px);min-width:0}
.home-shortcode-content>*{min-width:0;max-width:100%}
.home-shortcode-content .angkahub-menu-widget{margin-block:0}
.home-shortcode-content>.wp-block-group{width:100%;max-width:100%}