:root{--navy:#0f2747;--navy-muda:#1d3d6b;--hijau:#16a34a;--hijau-muda:#dcfce7;--putih:#fff;--latar:#f5f7fa;--teks:#1f2937;--teks-pudar:#6b7280;--garis:#e5e7eb;--radius:12px;color:var(--teks);background:var(--latar);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--latar);min-height:100vh;margin:0}.halo{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.kartu{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);text-align:center;width:100%;max-width:420px;padding:32px 24px;box-shadow:0 4px 20px #0f274714}.logo{color:var(--navy);letter-spacing:1px;margin:0;font-size:32px;font-weight:800}.logo span{color:var(--hijau)}.sub{color:var(--teks-pudar);margin:8px 0 24px}.contoh{background:var(--hijau-muda);color:var(--navy);border-radius:8px;padding:12px;font-weight:600}.status{color:var(--teks-pudar);margin-top:20px;font-size:13px}