:root{--surface:#17171b;--surface-raised:#212127;--border:#32323a;--text:#ededf2;--text-dim:#8b8b99;--accent:#4c8dff;--success:#3fb950;--danger:#f85149;--sinyal:#ffb347;--radius:6px;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "Cascadia Mono", Consolas, monospace}body{font-family:var(--font-sans);background:var(--surface);color:var(--text);margin:0;line-height:1.6}main{margin:0 auto;padding:48px 20px 72px}main a{color:var(--accent)}main a:hover{color:var(--text)}main a.tombol-utama{color:#0b1220}main a.tombol-kedua,main a.secondary{color:var(--text)}main a.download{color:#0b1220}h1{letter-spacing:-.02em;margin:0 0 8px;font-size:26px}h2{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:40px 0 12px;font-size:15px}p{margin:0 0 14px}.lead{color:var(--text-dim);font-size:15px}.download{background:var(--accent);color:#0b1220;text-align:center;border-radius:var(--radius);margin:24px 0 10px;padding:15px 18px;font-size:16px;font-weight:600;text-decoration:none;display:block}.download[aria-disabled=true]{background:var(--surface-raised);color:var(--text-dim);border:1px solid var(--border);cursor:default}.meta{font-family:var(--font-mono);color:var(--text-dim);margin:0;font-size:12px}.meta code{word-break:break-all}ol{margin:0 0 14px;padding-left:20px}ol li{margin-bottom:10px}figure{margin:16px 0}figure img{border-radius:var(--radius);width:100%;height:auto;display:block}figcaption{color:var(--text-dim);margin-top:8px;font-size:12px}.secondary{color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);margin-top:8px;padding:11px 16px;font-size:14px;text-decoration:none;display:inline-block}.caution{border:1px solid var(--danger);border-radius:var(--radius);background:#f8514914;margin:20px 0;padding:14px 16px}.caution strong{color:var(--danger)}.caution p{margin:0}.caution p+p{margin-top:10px}.site-nav{border-bottom:1px solid var(--border)}.site-nav .wrap{justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.site-nav a{color:var(--text-dim);padding:10px 4px;font-size:14px;text-decoration:none}.site-nav a:hover{color:var(--text)}.site-nav .brand{color:var(--text);letter-spacing:-.01em;font-size:16px;font-weight:600}.site-nav nav{gap:18px;display:flex}.wrap{max-width:940px;margin:0 auto}.wrap-teks{max-width:720px}.site-footer{border-top:1px solid var(--border);color:var(--text-dim);margin-top:64px;font-size:13px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px 20px;padding:20px;display:flex}.site-footer a{color:var(--text-dim);padding:8px 2px}.hero{text-align:center;padding:72px 20px 56px}.hero h1{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(32px,5.5vw,52px);font-weight:700;line-height:1.1}.hero-lead{max-width:560px;color:var(--text-dim);margin:0 auto 44px;font-size:clamp(15px,2.2vw,17px)}.id-hero{justify-content:center;align-items:flex-start;gap:clamp(18px,4vw,44px);margin:0 0 18px;padding:0;list-style:none;display:flex}.id-hero li{text-align:center;flex-direction:column;align-items:stretch;display:flex}.id-angka{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--sinyal);font-size:clamp(36px,10vw,104px);line-height:1}.id-hero li:not(:last-child) .id-angka{position:relative}.id-hero li:not(:last-child) .id-angka:after{content:"–";color:var(--text-dim);margin-left:clamp(4px,1.2vw,10px);font-size:.34em;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.id-label{font-family:var(--font-mono);letter-spacing:.14em;text-indent:.14em;text-transform:uppercase;color:var(--text-dim);margin-top:14px;padding-top:14px;font-size:11px;position:relative}.id-label:before{content:"";background:var(--sinyal);opacity:.55;height:1px;position:absolute;top:0;left:0;right:0}.id-kunci{color:var(--text-dim);margin:0 0 36px;font-size:15px}@keyframes id-masuk{0%{opacity:0;transform:translateY(.25em)}to{opacity:1;transform:none}}.id-hero li{animation:.42s ease-out backwards id-masuk}.id-hero li:first-child{animation-delay:0s}.id-hero li:nth-child(2){animation-delay:90ms}.id-hero li:nth-child(3){animation-delay:.18s}@media (prefers-reduced-motion:reduce){.id-hero li{animation:none}}.hero-aksi{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tombol-utama,.tombol-kedua{border-radius:var(--radius);padding:13px 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.tombol-utama{background:var(--accent);color:#0b1220}.tombol-kedua{background:var(--surface-raised);color:var(--text);border:1px solid var(--border)}.bagian{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:clamp(20px,4vw,48px);padding:0 20px;display:grid}.bagian+.bagian{margin-top:56px}.bagian h3{letter-spacing:-.01em;margin:0 0 10px;font-size:clamp(19px,2.6vw,24px)}.bagian p{color:var(--text-dim);margin:0 0 10px}.bagian p:last-child{margin-bottom:0}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:11px;display:block}.bagian-gambar{margin:0}.bagian-gambar img{border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:320px;height:auto;display:block}.bagian:nth-child(2n) .bagian-gambar{order:-1}.batasan{padding:0 20px}.batasan ul{color:var(--text-dim);margin:0;padding-left:20px}.batasan li{margin-bottom:10px}section{margin-top:64px}section>h2{padding:0 20px}.spek-bungkus{padding:0 20px;overflow-x:auto}.spek{border-collapse:collapse;width:100%;min-width:420px;font-size:14px}.spek th,.spek td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}.spek th{color:var(--text-dim);white-space:nowrap;font-weight:600}.langkah-teks{padding:0 20px}.langkah-teks ol{margin:0;padding-left:20px}.langkah-teks li{margin-bottom:14px}.langkah-teks li strong{color:var(--text)}dl.masalah{margin:0;padding:0 20px}dl.masalah dt{margin-top:18px;font-weight:600}dl.masalah dd{color:var(--text-dim);margin:6px 0 0;font-size:14px}.aksi-penutup{text-align:center}.admin-konsol{grid-template-columns:180px 1fr;gap:28px;display:grid}.admin-sidebar{flex-direction:column;gap:2px;padding-top:8px;display:flex}.admin-sidebar a{border-radius:var(--radius);color:var(--text-secondary);padding:10px 14px;font-size:14px;text-decoration:none}.admin-sidebar a:hover,.admin-sidebar a[aria-current=page]{color:var(--text);background:var(--surface)}.admin-isi{min-width:0}.admin-isi h1{margin-top:0}.admin-utama{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;padding:8px 14px;font-size:13px}.admin-utama:hover{border-color:var(--accent)}.admin-waktu{color:var(--text-secondary);font-size:12px}.admin-alat-kiri{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-catatan{color:var(--text-secondary);margin:12px 20px 0;font-size:12px;line-height:1.5}.admin-terkunci{grid-column:1/-1;max-width:460px}.admin-terkunci .admin-form{padding:0}.admin-terkunci .admin-cadangan{margin-top:16px;padding:0}.admin-terkunci .admin-catatan{margin-left:0;margin-right:0}.mesin-status{font-size:12px}.mesin-status[data-status=online]{color:var(--ok,#4ade80)}.mesin-status[data-status=offline],.mesin-status[data-status=tidak-diperiksa]{color:var(--text-secondary)}@media (width<=720px){.admin-konsol{grid-template-columns:1fr;gap:16px}.admin-sidebar{flex-flow:wrap;padding-top:0}}.admin-alat{justify-content:space-between;align-items:center;gap:12px;margin:0 20px 12px;display:flex}.sakelar-tampilan{display:flex}.sakelar-tampilan button{cursor:pointer;color:var(--text-dim);background:var(--surface-raised);border:1px solid var(--border);padding:7px 14px;font-family:inherit;font-size:13px}.sakelar-tampilan button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.sakelar-tampilan button:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:none}.sakelar-tampilan button[aria-pressed=true]{color:var(--text);background:var(--surface)}.admin-pesan,.admin-kosong{color:var(--text-dim);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);margin:0 20px 16px;padding:12px 14px;font-size:14px}.mesin{margin:0;padding:0 20px;list-style:none}.mesin li{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius)}.mesin-sambung{color:var(--text);font-weight:600;text-decoration:none;display:block}.mesin-sambung:hover{color:var(--accent)}.mesin-alamat{font-family:var(--font-mono);color:var(--text-dim);word-break:break-all;font-size:12px;display:block}.mesin-daftar{flex-direction:column;gap:8px;display:flex}.mesin-daftar li{padding:12px 14px}.mesin-daftar .mesin-alamat{margin-top:2px}.mesin-kartu{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.mesin-kartu li{padding:16px}.mesin-kartu .mesin-sambung{font-size:16px}.mesin-kartu .mesin-alamat{margin-top:8px}.admin-label{letter-spacing:.08em;color:var(--text-dim);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.admin-form{flex-direction:column;padding:0 20px;display:flex}.admin-form input{color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:11px 12px;font-family:inherit;font-size:15px}.admin-form input:focus{border-color:var(--accent);outline:none}.admin-form button{cursor:pointer;color:#0b1220;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);align-self:flex-start;padding:11px 22px;font-family:inherit;font-size:15px;font-weight:600}.admin-cadangan{gap:10px;padding:0 20px;display:flex}.admin-cadangan button,.admin-impor{cursor:pointer;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:9px 18px;font-family:inherit;font-size:14px;display:inline-block}.admin-impor:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mesin-aksi{gap:8px;margin-top:10px;display:flex}.mesin-aksi button{cursor:pointer;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:5px 10px;font-family:inherit;font-size:12px}.mesin-aksi button:hover{color:var(--text)}.mesin-aksi button.mesin-hapus{color:var(--danger)}
