/* Banner & kartu memakai .page-banner / .page-card dari custom.css */

/* ====== COUNTDOWN ====== */
.lkt-countdown { background:#fff; border:1px solid #edf0f6; border-radius:14px; box-shadow:0 4px 16px rgba(20,33,62,.05); padding:1.6rem; text-align:center; }
.lkt-countdown .deadline { font-size:.95rem; color:#6c7689; margin-bottom:1rem; }
.lkt-countdown .deadline b { color:#e3463c; }
#countdown { display:flex; justify-content:center; gap:.6rem; flex-wrap:nowrap; }
.cd-box {
	flex:1 1 0; max-width:96px; text-align:center;
	background:linear-gradient(135deg,#1a73e8,#0d47a1); color:#fff; padding:.9rem .4rem; border-radius:12px;
	box-shadow:0 6px 16px rgba(13,71,161,.22);
}
.cd-num { font-size:1.8rem; font-weight:800; line-height:1; }
.cd-lbl { font-size:.72rem; letter-spacing:.5px; text-transform:uppercase; opacity:.85; margin-top:.35rem; }

@media (max-width:480px) {
	.lkt-countdown { padding:1.2rem .8rem; }
	#countdown { gap:.4rem; }
	.cd-box { padding:.7rem .2rem; border-radius:10px; }
	.cd-num { font-size:1.35rem; }
	.cd-lbl { font-size:.62rem; letter-spacing:.2px; }
}
.lkt-ended { font-size:1.1rem; font-weight:700; color:#e3463c; }

/* ====== INFO ====== */
.lkt-info h2 { font-size:1.5rem; font-weight:800; color:#16213e; margin-bottom:.3rem; }
.lkt-info .tema { font-style:italic; color:#1a73e8; font-weight:600; }
.lkt-info p { font-size:.95rem; color:#39435a; line-height:1.8; }
.lkt-cat-title { font-weight:700; color:#16213e; margin:1.2rem 0 .8rem; }
.lkt-cat-row { margin-top:.2rem; }
.lkt-cat { display:flex; gap:.8rem; padding:.9rem 1rem; border:1px solid #eef0f5; border-radius:12px; background:#fafbfd; }
.lkt-cat .ic { width:38px; height:38px; flex-shrink:0; border-radius:10px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:1rem; }
.lkt-cat .nm { font-weight:700; color:#16213e; font-size:.92rem; }
.lkt-cat .ds { font-size:.82rem; color:#6c7689; line-height:1.5; margin-top:.15rem; }

/* ====== PERIODE ALERT ====== */
.lkt-periode {
	display:flex; align-items:center; gap:.8rem; background:#eef3fc; border:1px solid #d4e2fb;
	border-radius:12px; padding:1rem 1.2rem; color:#0d47a1; font-size:.9rem; margin:1.5rem 0;
}
.lkt-periode i { font-size:1.3rem; }

/* ====== FORM ====== */

/* baris 2 kolom (email/HP, KTP/NPWP) -> tepi luar rata dengan field full-width,
   beri jarak hanya di tengah */
.lkt-form .row { display:flex; flex-wrap:wrap; margin:0; gap:0 1rem; }
.lkt-form .row > [class*="col-"] { padding:0; }
.lkt-form .row > .col-md-6 { flex:1 1 calc(50% - .5rem); min-width:0; }
@media (max-width:767px) {
	.lkt-form .row { gap:0; }
	.lkt-form .row > .col-md-6 { flex:1 1 100%; }
}

/* radio kategori */
.lkt-radio { display:flex; flex-wrap:wrap; gap:.6rem; }
.lkt-radio > span {
	flex:1; min-width:200px; display:flex; align-items:center; gap:.6rem; cursor:pointer;
	border:1.5px solid #e3e7ef; border-radius:10px; padding:.75rem 1rem; transition:all .15s;
}
.lkt-radio > span:hover { border-color:#1a73e8; background:#eef3fc; }
.lkt-radio input { accent-color:#1a73e8; width:17px; height:17px; flex-shrink:0; margin:0; }
.lkt-radio label { margin:0; cursor:pointer; font-weight:600; font-size:.88rem; color:#27324d; }
.lkt-radio input:checked ~ label { color:#0d47a1; }

/* tombol submit */
.lkt-form .btn-kirim {
	background:#1a73e8; border:none; border-radius:10px; height:50px; font-weight:700; font-size:.95rem;
	letter-spacing:.5px; transition:background .18s; box-shadow:0 6px 16px rgba(26,115,232,.28);
}
.lkt-form .btn-kirim:hover { background:#0d47a1; }
.lkt-form .btn-kirim:disabled { opacity:.7; }

/* ====== CLOSED STATE ====== */
.lkt-closed { text-align:center; padding:3rem 1rem; }
.lkt-closed .ic { width:80px; height:80px; border-radius:50%; background:#fdecea; color:#e3463c; font-size:2rem; display:flex; align-items:center; justify-content:center; margin:0 auto 1.2rem; }
.lkt-closed h3 { font-weight:800; color:#16213e; font-size:1.25rem; }
.lkt-closed p { color:#6c7689; }
