/* =========================================================
   FORM PPDB PUBLIK — Al Khoir Boyolali
   Dipakai di dalam .pub-shell (lihat landing.css), jadi hanya
   berisi elemen yang spesifik ke halaman formulir & sukses PPDB.
   ========================================================= */

.ppdb-page { padding: clamp(24px, 5vw, 48px) clamp(20px, 5vw, 64px) 60px; max-width: 760px; margin: 0 auto; }

.ppdb-intro { text-align: center; margin-bottom: 32px; }
.ppdb-intro h1 { font-size: clamp(22px, 3vw, 30px); margin: 10px 0 8px; }
.ppdb-intro p { color: var(--color-text-muted); font-size: 14px; max-width: 520px; margin: 0 auto; }
.ppdb-intro .icon-circle { width: 60px; height: 60px; border-radius: 50%; background: var(--color-primary-light); color: var(--color-primary); font-size: 26px; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; }

.ppdb-form-card { background: var(--color-card); border-radius: var(--radius-card); box-shadow: var(--shadow-card); padding: clamp(20px, 4vw, 36px); }

.ppdb-honeypot { position: absolute; left: -9999px; top: -9999px; }

.file-drop input[type="file"] { display: block; width: 100%; font-size: 12.5px; color: var(--color-text-muted); }
.file-drop .file-drop-label { display: block; font-weight: 600; color: var(--color-text); margin-bottom: 6px; font-size: 13px; }

/* ---------------- Halaman sukses ---------------- */
.ppdb-sukses { max-width: 560px; margin: 60px auto; text-align: center; padding: 0 20px; }
.ppdb-sukses .icon-circle { width: 76px; height: 76px; border-radius: 50%; background: var(--color-accent-green-light); color: var(--color-accent-green); font-size: 34px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.ppdb-nomor-box {
    background: var(--color-primary-light); border-radius: var(--radius-card); padding: 20px;
    margin: 22px 0; border: 1.5px dashed var(--color-primary);
}
.ppdb-nomor-box .label { font-size: 12.5px; color: var(--color-primary-dark); font-weight: 600; margin-bottom: 4px; }
.ppdb-nomor-box .nomor { font-family: var(--font-display); font-size: clamp(22px, 4vw, 30px); font-weight: 800; color: var(--color-primary-dark); letter-spacing: .04em; }
.ppdb-sukses-steps { text-align: left; background: #F8FAFC; border-radius: var(--radius-sm); padding: 16px 20px; margin-top: 24px; font-size: 13.5px; }
.ppdb-sukses-steps li { margin-bottom: 6px; }

@media (max-width: 600px) {
    .ppdb-form-card { border-radius: var(--radius-sm); }
}