:root{--merah:#d62828;--krem:#fff8ec;--teks:#2b2118;--hijau:#2a7d46;--abu:#6b6259;color:var(--teks);background:var(--krem);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.layar-awal{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:16px;display:flex}.layar-awal h1{color:var(--merah);margin:0;font-size:clamp(1.75rem,6vw,2.75rem)}.layar-awal p{color:var(--abu);margin:0}.status{border-radius:999px;padding:6px 14px;font-weight:600;color:#fff!important}.status.online{background:var(--hijau)}.status.offline{background:var(--merah)}