:root{--bg:#091413;--panel:#11211f;--panel2:#172c29;--line:rgba(78,225,178,.15);--muted:#7a968f;--text:#e6f0ec;--gold:#ffb800;--gold2:#ffd05a;--cyan:#21d8ef;--purple:#8d73ff;--green:#4ee1b2;--radius:14px}

*{box-sizing:border-box}

html{scroll-behavior:smooth;scroll-padding-top:84px}

body{margin:0;background:radial-gradient(ellipse at 50% 0%,#11221f 0,transparent 45%),var(--bg);color:var(--text);font-family:Poppins,Arial,sans-serif;font-size:13px;line-height:1.6}

a{color:inherit;text-decoration:none}

.wrap{width:min(1120px,calc(100% - 36px));margin:auto}

/* ===== TICKER ===== */
.ticker{height:24px;overflow:hidden;background:#08100e;border-bottom:1px solid rgba(78,225,178,.13);color:#65f6d4;font-size:9px;letter-spacing:1.1px;white-space:nowrap;display:flex;align-items:center}
.ticker-track{min-width:max-content;animation:ticker 36s linear infinite}
@keyframes ticker{to{transform:translateX(-45%)}}

/* ===== HEADER ===== */
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;gap:9px;align-items:center;flex-shrink:0}
.brand-mark{height:37px;width:37px;border-radius:10px;display:grid;place-items:center;font-family:Orbitron,sans-serif;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(140deg,#4b3700,#15251d 65%);border:1px solid #876e23;box-shadow:inset 0 0 14px #876d2229}
.brand-mark span{color:var(--gold)}
.brand-word{font-family:Orbitron,sans-serif;font-size:19px;font-weight:800;letter-spacing:-1px;line-height:1.1}
.brand-word>span{color:var(--gold)}
.brand-word small{display:block;font-family:Poppins,sans-serif;color:#7785a9;font-size:7px;font-weight:600;letter-spacing:1.15px;margin-top:5px}
.main-nav{display:flex;align-items:center;gap:25px;color:#aab4cf;font-size:11px;font-weight:600}
.main-nav a{transition:.2s}
.main-nav a:hover,.main-nav .active{color:var(--gold2)}
.header-actions{display:flex;align-items:center;gap:14px}
.live-pill{color:#82e9be;font-size:9px;display:flex;align-items:center;gap:7px;white-space:nowrap}
.live-pill i,.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #4ee1b218;display:inline-block}
.button{min-height:39px;padding:0 17px;border:1px solid #d89900;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:10px;font-weight:800;letter-spacing:.35px;white-space:nowrap;transition:transform .2s,filter .2s}
.button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.button-gold{color:#201600;background:linear-gradient(135deg,#ffd24f,#ffb300 60%,#ff9d00);box-shadow:0 6px 20px #e29c0022}
.button.small{min-height:34px;padding:0 13px}
.menu-toggle{display:none;background:none;border:1px solid var(--line);color:white;border-radius:8px;padding:7px 10px}

/* ===== HERO ===== */
.hero{position:relative;min-height:340px;overflow:hidden;border-radius:17px;border:1px solid rgba(255,192,39,.38);background:radial-gradient(ellipse at 78% 32%,#67470c68 0,transparent 29%),linear-gradient(116deg,#11251f 0%,#081412 52%,#13221c 100%);box-shadow:0 12px 55px #0004;display:flex;align-items:center;padding:38px 44px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081412 0%,#081412ed 34%,#08141283 60%,transparent 100%),repeating-linear-gradient(145deg,transparent 0 49px,#f7bc2721 50px,#f7bc2709 51px,transparent 52px 87px);pointer-events:none}
.hero:after{content:"";position:absolute;inset:10px;border:1px solid #d4a1322d;border-radius:11px;pointer-events:none}
.hero-lines{position:absolute;right:-40px;top:-90px;width:58%;height:400px;background:repeating-conic-gradient(from 245deg at 70% 45%,transparent 0deg 7deg,#ffc12a10 7.3deg 7.7deg,transparent 8deg 14deg);mask-image:radial-gradient(ellipse,black,transparent 68%)}
.hero-copy{position:relative;z-index:2;max-width:550px}
.eyebrow,.section-kicker{color:#d9b65d;font-size:9px;font-weight:700;letter-spacing:1.8px}
.eyebrow{display:flex;align-items:center;gap:8px}
.eyebrow-dot{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 13px var(--gold)}
h1{font-family:Orbitron,sans-serif;font-size:clamp(28px,4vw,43px);line-height:1.21;letter-spacing:-1.5px;margin:15px 0 14px;font-weight:800}
h1 em,.section-heading h2 em{font-style:normal;color:var(--gold);text-shadow:0 0 20px #ffb80027}
.hero-copy p{max-width:445px;color:#9ca9c8;font-size:11px;line-height:1.9;margin:0 0 17px}
.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}
.hero-tags span{color:#c9d1e6;background:#121e36;border:1px solid #31405f;border-radius:5px;padding:5px 9px;font-size:8px}
.hero-art{position:absolute;z-index:1;right:2%;top:0;bottom:32px;width:43%;pointer-events:none}
.hero-glow{position:absolute;width:220px;height:220px;right:12%;top:15%;background:#ffb8001a;filter:blur(45px);border-radius:50%}
.orbit{position:absolute;border:1px solid #ffca5440;border-radius:50%;transform:rotate(-24deg)}
.orbit-one{width:360px;height:130px;right:-22px;top:95px}
.orbit-two{width:290px;height:230px;right:0;top:42px;transform:rotate(32deg)}
.gold-cube{position:absolute;right:26%;top:76px;width:145px;height:145px;display:grid;place-items:center;font-family:Orbitron,sans-serif;font-size:38px;font-weight:800;color:#fff3bd;text-shadow:0 0 25px #ffbd2a;border:1px solid #ffca5a77;background:linear-gradient(145deg,#ffcc5b35,#162e28 70%);transform:rotate(-7deg);clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);box-shadow:0 0 44px #ffb80020,inset 0 0 25px #ffb80017}
.gold-cube span{color:var(--gold)}
.floating-card{position:absolute;min-width:135px;padding:12px;background:#11211fe8;border:1px solid #7b662c77;border-radius:8px;box-shadow:0 8px 24px #0007;backdrop-filter:blur(8px)}
.floating-card small{display:block;color:#8b9abc;font-size:7px;letter-spacing:1px}
.floating-card strong{display:block;color:#5ce7b8;font:700 10px Orbitron,sans-serif;margin-top:4px}
.floating-card i{display:block;width:100%;height:2px;background:linear-gradient(90deg,#4ee1b2,transparent);margin-top:9px}
.card-a{right:0;top:54px;transform:rotate(5deg)}
.card-b{right:8%;bottom:28px;transform:rotate(-5deg)}
.mini-bars{height:25px;display:flex;align-items:end;gap:5px;margin-top:8px}
.mini-bars b{display:block;width:10px;background:linear-gradient(#ffdb69,#ffad00);border-radius:3px 3px 0 0}
.mini-bars b:nth-child(1){height:30%}
.mini-bars b:nth-child(2){height:48%}
.mini-bars b:nth-child(3){height:40%}
.mini-bars b:nth-child(4){height:75%}
.mini-bars b:nth-child(5){height:55%}
.mini-bars b:nth-child(6){height:100%}
.mini-bars b:nth-child(7){height:67%}
.hero-bottom{position:absolute;z-index:2;left:0;right:0;bottom:0;height:32px;background:#0814129c;border-top:1px solid #c39a3933;padding:0 22px;display:flex;justify-content:space-between;align-items:center;color:#7886a6;font-size:7px;letter-spacing:1px}
.hero-bottom b{color:var(--gold)}

/* ===== MARKET STRIP ===== */
.market-strip{margin-top:16px;background:#0c1a17;border:1px solid var(--line);border-radius:12px;padding:15px 17px}
.section-kicker small{color:#7b89a9;font-weight:500}
.section-kicker span{color:var(--cyan)}
.strip-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));margin-top:12px}
.strip-item{padding:5px 10px;border-right:1px solid var(--line);min-width:0}
.strip-item:last-child{border-right:0}
.strip-item strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.strip-item small{display:block;color:#7584a7;font-size:8px;margin-top:3px}
.status-tag{display:inline-block;border-radius:4px;padding:1px 5px;font-size:7px;font-weight:700;background:#4ee1b21a;color:#5ee5b4;border:1px solid #4ee1b226}
.status-tag.closed{background:#ffb80015;color:#ffd05a;border-color:#ffb80026}

/* ===== PANEL & NEXT DRAW ===== */
.panel{margin-top:22px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(100deg,#0e201c,#091412);display:flex;align-items:center;gap:15px}
.next-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:var(--cyan);font-size:23px;background:#00cbe511;border:1px solid #00cbe53d}
.next-copy{min-width:0;flex:1}
.next-copy h2{font-size:13px;margin:3px 0 2px}
.next-copy p{color:#8391af;font-size:9px;margin:0}
.countdown{display:flex;align-items:center;gap:9px;margin:0 16px}
.countdown>div{width:54px;height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #23446a;background:#071c17;border-radius:8px;box-shadow:inset 0 0 15px #00bde70a}
.countdown strong{font:700 20px Orbitron,sans-serif;color:var(--cyan);line-height:1.2}
.countdown small{font-size:7px;letter-spacing:1px;color:#8090b2;margin-top:4px}
.countdown>b{color:#4a688d}

/* ===== CONTENT SECTION ===== */
.content-section{margin-top:39px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:19px}
.section-heading h2{font-family:Orbitron,sans-serif;font-size:24px;line-height:1.25;margin:6px 0 4px;letter-spacing:-.7px}
.section-heading p{margin:0;color:#8c9abb;font-size:10px}
.data-status{font-size:9px;color:#8aa0bc;display:flex;align-items:center;gap:8px;padding-bottom:5px}
.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}
.filter-chip{border:1px solid #25324c;border-radius:6px;background:#0e201c;color:#9eabc7;font-family:inherit;font-size:9px;font-weight:600;padding:8px 12px;cursor:pointer}
.filter-chip:hover,.filter-chip.selected{background:#092f40;border-color:#0c9ab6;color:#47e2f6}

/* ===== RESULTS GRID ===== */
.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.result-card{padding:14px;background:linear-gradient(145deg,#0e201c,#081412);border:1px solid #27314a;border-radius:12px;min-width:0;transition:.2s}
.result-card:hover{border-color:#75602c;transform:translateY(-2px)}
.result-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #ffffff0c}
.market-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#0c3041;color:var(--cyan);font-size:12px;border:1px solid #17607a}
.result-head div:nth-child(2){flex:1;min-width:0}
.result-head h3{font-size:11px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.result-head p{font-size:8px;color:#7584a7;margin:2px 0 0}
.source-pill{font-size:7px;color:#50deb1;border:1px solid #50deb132;background:#50deb10e;border-radius:4px;padding:3px 5px}
.source-pill.manual{color:#ffd05a;border-color:#ffd05a33;background:#ffd05a0d}
.digit-label{color:#7f8eae;font-size:8px;letter-spacing:.6px;margin:11px 0 7px}
.number-row{display:flex;flex-wrap:wrap;gap:5px}
.digit{min-width:22px;height:24px;padding:0 4px;display:grid;place-items:center;border:1px solid #126174;border-radius:5px;background:linear-gradient(#0a4433,#0c3127);color:#7cecff;font:700 10px Orbitron,sans-serif}
.number-row.secondary .digit{border-color:#51447c;background:#172c29;color:#d5beff}
.number-row.tertiary .digit{border-color:#30435c;background:#142c29;color:#dbe4f6}
.result-main{font-family:Orbitron,sans-serif;font-size:21px;font-weight:800;letter-spacing:4px;color:#ffd05a;text-shadow:0 0 18px #ffb80024;margin:6px 0 2px}
.result-meta{font-size:8px;color:#8291af;margin-top:10px;display:flex;justify-content:space-between;gap:10px}
.result-meta span:last-child{text-align:right}
.empty-state{grid-column:1/-1;border:1px dashed #2a3651;border-radius:10px;padding:25px;text-align:center;color:#8795b1;font-size:11px}
.disclaimer{font-size:9px;color:#6f7d9b;margin:13px 0 0}

/* ===== SCHEDULE SECTION ===== */
.schedule-section{margin-top:41px}
.table-note{font-size:8px;color:#4cdced;letter-spacing:1px;padding-bottom:7px}
.schedule-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#0c1a17}
.schedule-table{border-collapse:collapse;width:100%;min-width:650px;text-align:left}
.schedule-table th{background:#132a25;color:#8492b3;font-size:8px;font-weight:600;letter-spacing:.7px;padding:13px 15px}
.schedule-table td{border-top:1px solid #ffffff0b;padding:12px 15px;font-size:9px;color:#bac4da}
.schedule-table td:first-child{font-weight:600;color:#e7ecfb}
.schedule-table td .time{font-family:Orbitron,sans-serif;color:var(--cyan);font-size:9px}
.schedule-table td .result-time{font-family:Orbitron,sans-serif;color:#c3a4ff;font-size:9px}

/* ===== NOTICE ROW ===== */
.notice-row{display:flex;gap:13px;margin:30px 0 45px;padding:17px 19px;border:1px solid #27334a;border-radius:10px;background:#0e201c}
.notice-icon{height:25px;width:25px;flex-shrink:0;border:1px solid #d9a734;color:var(--gold2);border-radius:50%;display:grid;place-items:center;font-weight:700}
.notice-row strong{font-size:10px}
.notice-row p{font-size:9px;color:#8d9bb7;margin:4px 0 0;line-height:1.8}

/* ===== FOOTER ===== */
.site-footer{border-top:1px solid var(--line);background:#07100e}
.footer-inner{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.footer-brand .brand-mark{height:30px;width:30px;font-size:12px}
.footer-brand .brand-word{font-size:15px}
.footer-inner p{font-size:8px;color:#687797}
.admin-link{font-size:9px;color:#8a98b6}
.loading-line{font-size:10px;color:#8090b0;padding:5px}

/* ===== MOBILE NAV ===== */
.mobile-nav-open .main-nav{display:flex;position:absolute;z-index:10;top:95px;left:18px;right:18px;flex-direction:column;align-items:stretch;gap:0;padding:8px;background:#132a25;border:1px solid var(--line);border-radius:10px}
.mobile-nav-open .main-nav a{padding:11px;border-bottom:1px solid var(--line)}

/* =========================================
   PREDICTION CONTAINER STYLES
   ========================================= */

/* ===== RESET & BASE ===== */
/* =========================================
   PREDICTION CONTAINER - SELARAS TEMA UTAMA
   ========================================= */

/* ===== CONTAINER UTAMA ===== */
.prediksi-container {
    max-width: 1200px;
    margin: 40px auto;
    background: linear-gradient(145deg, #0e201c, #091412);
    border-radius: 16px;
    border: 1px solid rgba(78, 225, 178, 0.15);
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

/* ===== TOP BAR ===== */
.prediksi-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 16px;
}

.prediksi-badge-update {
    display: inline-block;
    background: linear-gradient(135deg, #4ee1b2 0%, #21d8ef 100%);
    color: #091412;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.prediksi-top-bar h3 {
    font-size: 28px;
    font-weight: 800;
    color: #e6f0ec;
    margin-bottom: 8px;
    text-shadow: 0 0 20px rgba(78, 225, 178, 0.3);
    font-family: 'Orbitron', sans-serif;
}

.prediksi-sub {
    color: #7a968f;
    font-size: 14px;
}

.btn-salin-prediksi {
    background: transparent;
    border: 2px solid #4ee1b2;
    color: #4ee1b2;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-salin-prediksi:hover {
    background: #4ee1b2;
    color: #091412;
    box-shadow: 0 0 20px rgba(78, 225, 178, 0.4);
}

/* ===== TABS PASARAN ===== */
.pasaran-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
    overflow-x: auto;
    padding-bottom: 8px;
    scrollbar-width: thin;
    scrollbar-color: #4ee1b2 #11211f;
}

.pasaran-tab-btn {
    background: rgba(17, 33, 31, 0.8);
    border: 1px solid rgba(78, 225, 178, 0.2);
    color: #7a968f;
    padding: 10px 20px;
    border-radius: 25px;
    cursor: pointer;
    white-space: nowrap;
    font-weight: 600;
    transition: all 0.3s ease;
}

.pasaran-tab-btn:hover {
    background: rgba(78, 225, 178, 0.1);
    border-color: #4ee1b2;
    color: #e6f0ec;
}

.pasaran-tab-btn.active {
    background: linear-gradient(135deg, #4ee1b2 0%, #21d8ef 100%);
    border-color: #4ee1b2;
    color: #091412;
    box-shadow: 0 4px 15px rgba(78, 225, 178, 0.3);
}

/* ===== LIVE PASARAN BOX ===== */
.live-pasaran-box {
    background: linear-gradient(145deg, #11211f, #0a1024);
    border-radius: 16px;
    padding: 24px;
    color: #e6f0ec;
    border: 1px solid rgba(78, 225, 178, 0.15);
}

.live-pasaran-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 16px;
}

.live-pasaran-title-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pasaran-badge-sin {
    background: linear-gradient(135deg, #4ee1b2 0%, #21d8ef 100%);
    color: #091412;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
}

.live-pasaran-header h4 {
    font-size: 22px;
    font-weight: 800;
    color: #e6f0ec;
    margin-bottom: 4px;
    font-family: 'Orbitron', sans-serif;
}

.live-pasaran-header small {
    color: #7a968f;
    font-size: 13px;
}

.btn-pasang-nomor {
    background: linear-gradient(135deg, #ffb800 0%, #ffd05a 100%);
    color: #091412;
    padding: 12px 24px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 15px rgba(255, 184, 0, 0.3);
    transition: transform 0.3s ease;
}

.btn-pasang-nomor:hover {
    transform: translateY(-2px);
}

/* ===== ANGKA GRID ===== */
.angka-grid-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.angka-card-box {
    background: linear-gradient(145deg, #172c29, #11211f);
    border: 2px solid rgba(78, 225, 178, 0.15);
    border-radius: 12px;
    padding: 20px;
}

.box-label {
    font-size: 13px;
    color: #7a968f;
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.box-digits {
    font-size: 28px;
    font-weight: 800;
    color: #ffd05a;
    letter-spacing: 4px;
    font-family: 'Orbitron', sans-serif;
    text-shadow: 0 0 15px rgba(255, 208, 90, 0.4);
}

.shio-colok-flex {
    display: flex;
    gap: 12px;
    align-items: center;
}

.shio-badge-box {
    background: linear-gradient(135deg, #ffb800 0%, #ffd05a 100%);
    color: #091412;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
}

.colok-badge-box {
    background: rgba(78, 225, 178, 0.15);
    color: #4ee1b2;
    border: 1px solid rgba(78, 225, 178, 0.3);
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
}

/* ===== ANGKA PANAS ===== */
.angka-panas-bar {
    background: linear-gradient(135deg, #ffb800 0%, #ff9d00 100%);
    color: #091412;
    padding: 16px 24px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.angka-panas-bar:hover {
    transform: scale(1.02);
}

.angka-panas-digits {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 3px;
    background: rgba(0, 0, 0, 0.2);
    padding: 8px 16px;
    border-radius: 8px;
    font-family: 'Orbitron', sans-serif;
}

/* ===== TOP RESULTS GRID ===== */
.top-results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.top-result-card {
    background: linear-gradient(145deg, #11211f, #0a1024);
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(78, 225, 178, 0.15);
}

.top-result-header {
    background: rgba(23, 44, 41, 0.8);
    padding: 14px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid rgba(78, 225, 178, 0.2);
    cursor: pointer;
}

.top-result-header span:first-child {
    color: #4ee1b2;
    font-weight: 700;
    font-size: 15px;
    font-family: 'Orbitron', sans-serif;
}

.line-count {
    background: rgba(78, 225, 178, 0.2);
    color: #4ee1b2;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}

.top-result-body {
    padding: 16px;
}

.line-item-prediksi {
    background: rgba(17, 33, 31, 0.6);
    padding: 12px;
    margin-bottom: 8px;
    border-radius: 8px;
    text-align: center;
    font-weight: 700;
    color: #ffd05a;
    letter-spacing: 2px;
    font-size: 14px;
    border: 1px solid rgba(255, 184, 0, 0.15);
    font-family: 'Orbitron', sans-serif;
}

.line-item-prediksi:last-child {
    margin-bottom: 0;
}

/* ===== BUTTON PASANG BAWAH ===== */
.btn-action-pasang-bawah {
    display: block;
    background: linear-gradient(135deg, #ffd24f, #ffb300 60%, #ff9d00);
    color: #091412;
    text-align: center;
    padding: 16px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 1px;
    box-shadow: 0 8px 25px rgba(255, 179, 0, 0.3);
    transition: all 0.3s ease;
    font-family: 'Orbitron', sans-serif;
}

.btn-action-pasang-bawah:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(255, 179, 0, 0.4);
}

/* ===== SCROLLBAR CUSTOM ===== */
::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #11211f;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #4ee1b2;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #21d8ef;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .prediksi-top-bar {
        flex-direction: column;
    }
    
    .prediksi-top-bar h3 {
        font-size: 22px;
    }
    
    .angka-grid-row {
        grid-template-columns: 1fr;
    }
    
    .top-results-grid {
        grid-template-columns: 1fr;
    }
    
    .box-digits {
        font-size: 22px;
    }
}