* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            min-height: 100vh;
            padding: 30px 15px;
            background:
                linear-gradient(
                    135deg,
                    #fff6e8,
                    #f3f5f7
                );
            font-family: Arial, Helvetica, sans-serif;
            color: #263238;
        }

        .container {
            width: 100%;
            max-width: 850px;
            margin: auto;
        }

        .header {
            padding: 25px;
            background: #d87919;
            color: white;
            border-radius: 16px 16px 0 0;
            text-align: center;
        }

        .header h1 {
            margin-bottom: 8px;
            font-size: 27px;
        }

        .header p {
            line-height: 1.6;
        }

        .card {
            padding: 28px;
            background: white;
            border-radius: 0 0 16px 16px;
            box-shadow:
                0 10px 35px rgba(0,0,0,.12);
        }

        h2 {
            margin-top: 28px;
            margin-bottom: 8px;
            color: #b85c08;
            font-size: 20px;
        }

        .pencarian {
            display: flex;
            gap: 10px;
        }

        .pencarian input {
            flex: 1;
        }

        label {
            display: block;
            margin-top: 15px;
            font-weight: bold;
        }

        input,
        textarea,
        select {
            width: 100%;
            margin-top: 6px;
            padding: 11px 12px;
            border: 1px solid #cbd2d8;
            border-radius: 8px;
            font-size: 15px;
        }

        input:focus,
        textarea:focus,
        select:focus {
            outline: none;
            border-color: #d87919;
            box-shadow:
                0 0 0 3px rgba(216,121,25,.15);
        }

        input[readonly],
        textarea[readonly] {
            background: #edf0f2;
            color: #50575d;
            cursor: not-allowed;
        }

        textarea {
            min-height: 80px;
            resize: vertical;
        }

        button {
            padding: 12px 20px;
            border: none;
            border-radius: 8px;
            background: #d87919;
            color: white;
            font-size: 15px;
            font-weight: bold;
            cursor: pointer;
        }

        button:hover {
            background: #bd630d;
        }

        button:disabled {
            background: #aaa;
            cursor: not-allowed;
        }

        .grid {
            display: grid;
            grid-template-columns:
                repeat(2, minmax(0, 1fr));
            gap: 0 16px;
        }

        fieldset {
            margin-top: 15px;
            padding: 15px;
            border: 1px solid #d8dde1;
            border-radius: 9px;
        }

        legend {
            padding: 0 8px;
            font-weight: bold;
        }

        .pilihan {
            display: flex;
            gap: 25px;
            flex-wrap: wrap;
        }

        .pilihan label {
            display: flex;
            gap: 7px;
            align-items: center;
            margin-top: 4px;
            cursor: pointer;
        }

        .pilihan input {
            width: auto;
            margin: 0;
        }

        .petunjuk {
            color: #687179;
            font-size: 14px;
            line-height: 1.6;
        }

        .wajib {
            color: #c62828;
        }

        .pesan {
            margin-top: 15px;
            padding: 13px;
            border-radius: 8px;
            line-height: 1.5;
        }

        .pesan-error {
            background: #ffe2e2;
            color: #a00000;
            border: 1px solid #ffc5c5;
        }

        .pesan-sukses {
            background: #e4f7e8;
            color: #176629;
            border: 1px solid #bae7c3;
        }

        .pesan-proses {
            background: #fff4d5;
            color: #725400;
            border: 1px solid #f1d991;
        }

        .pernyataan {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-top: 25px;
            line-height: 1.5;
        }

        .pernyataan input {
            width: auto;
            margin-top: 3px;
        }

        .tombol-kirim {
            width: 100%;
            margin-top: 20px;
        }

        #bagianPaspor {
            margin-top: 15px;
            padding: 15px;
            background: #fff8ee;
            border: 1px solid #f2d1a8;
            border-radius: 9px;
        }

        [hidden] {
            display: none !important;
        }

        @media (max-width: 650px) {

            body {
                padding: 15px 10px;
            }

            .header,
            .card {
                padding: 20px;
            }

            .header h1 {
                font-size: 22px;
            }

            .grid {
                grid-template-columns: 1fr;
            }

            .pencarian {
                flex-direction: column;
            }

            .pencarian button {
                width: 100%;
            }
        }
        
        
        .hasil-verifikasi {
            margin: 18px 0;
            padding: 18px;
            border-radius: 10px;
            line-height: 1.6;
        }
        
        .status-menunggu {
            color: #725400;
            background: #fff4d5;
            border: 1px solid #f2d675;
        }
        
        .status-disetujui {
            color: #176629;
            background: #e4f7e8;
            border: 1px solid #a9ddb5;
        }
        
        .status-ditolak {
            color: #a00000;
            background: #ffe2e2;
            border: 1px solid #efaaaa;
        }
        
        .judul-status {
            display: block;
            margin-bottom: 5px;
            font-size: 18px;
        }
        
        .catatan-verifikasi {
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid rgba(0, 0, 0, .15);
        }
        
        .tanggal-verifikasi {
            margin-top: 7px;
            font-size: 13px;
            opacity: .8;
        }

    

/* HEADER BERANDA - gaya diselaraskan dengan style.css utama */
:root{--warna-utama:#d8892b}
html{scroll-padding-top:165px}
body{padding:155px 0 0;background:#d8892b;color:#263238}
.site-header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:9999;box-shadow:0 2px 8px #00000018}
.site-topbar{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 30px;border-bottom:2px solid #e0e0e0}
.site-brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:#111}
.site-brand img{display:block;width:55px;height:55px;object-fit:contain;flex-shrink:0}
.site-brand span{display:flex;flex-direction:column;gap:5px;min-width:0}
.site-brand strong{font-size:15px;line-height:1.2}
.site-brand small{font-size:12px;font-weight:400;color:#555}
.site-social{display:flex;align-items:center;justify-content:center;gap:16px}
.site-social a{color:#000;text-decoration:none;font-size:17px}
.site-social a:hover{color:#d8892b}
.site-nav{background:#000;color:#fff}
.nav-links{display:flex;justify-content:center;align-items:stretch;flex-wrap:nowrap}
.nav-links>a,.nav-group>a{display:block;padding:15px 17px;color:#fff;text-decoration:none;font-size:14px;font-weight:400;white-space:nowrap;line-height:1.3}
.nav-links a:hover,.nav-links a.active{background:#d8892b}
.nav-group{position:relative}
.nav-dropdown{display:none;position:absolute;top:100%;left:0;min-width:260px;background:#000;z-index:10000;box-shadow:0 6px 15px #0003}
.nav-dropdown a{display:block;color:#fff;padding:12px 15px;text-decoration:none;font-size:13px;white-space:normal;border-bottom:1px solid #222}
.nav-group:hover>.nav-dropdown,.nav-group:focus-within>.nav-dropdown{display:block}
.nav-toggle{display:none}
.site-breaking{display:flex;align-items:center;height:40px;overflow:hidden;background:linear-gradient(90deg,#c79b2d,#e3b84d);color:#fff;font-size:14px;font-weight:600}
.site-breaking>strong{display:flex;align-items:center;align-self:stretch;flex-shrink:0;padding:0 20px;background:#a67c00;white-space:nowrap;z-index:2}
.site-news-wrapper{position:relative;flex:1;height:100%;overflow:hidden;min-width:0}
.site-news-text{position:absolute;top:50%;white-space:nowrap;padding-left:100%;animation:vervalNews 22s linear infinite}
.site-news-wrapper:hover .site-news-text{animation-play-state:paused}
@keyframes vervalNews{from{transform:translate(0,-50%)}to{transform:translate(-100%,-50%)}}
body>.container{width:calc(100% - 60px);max-width:1160px;margin:0 auto;padding:45px 0 65px}
body>.container>.header{background:linear-gradient(110deg,#9c631e,#d28b34);border-radius:15px 15px 0 0}
body>.container>.card{border-radius:0 0 15px 15px}
.site-prefooter{text-align:center;padding:45px 20px;background:#f5f5f5;border-top:4px solid #c79b2d}
.site-prefooter img{width:70px;height:70px;object-fit:contain}
.site-prefooter h3{margin:15px 0 10px;color:#000;font-size:18px}
.site-prefooter p{max-width:700px;margin:0 auto 15px;color:#555;font-size:14px;line-height:1.6}
.site-prefooter .site-social{margin-top:12px}
.site-footer{text-align:center;background:linear-gradient(to right,#d8892b,#c79b2d);color:#fff;padding:15px;font-size:13px}
@media(max-width:1100px){.nav-links>a,.nav-group>a{padding:14px 10px;font-size:12px}}
@media(max-width:900px){
 body{padding-top:0}
 .site-header{position:relative}
 .site-topbar{padding:10px 15px;min-height:75px}
 .site-brand img{width:45px;height:45px}
 .site-brand strong{font-size:13px}.site-brand small{font-size:11px}
 .site-social{gap:10px}
 .nav-toggle{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%;padding:12px 18px;color:#fff;background:#000;border:0;font-size:17px}
 .nav-links{display:none;flex-direction:column;align-items:stretch}
 .nav-links.is-open{display:flex}
 .nav-links>a,.nav-group>a{width:100%;padding:13px 20px;border-bottom:1px solid #222;font-size:13px}
 .nav-dropdown{position:static;box-shadow:none;min-width:0;padding-left:15px;background:#111}
 .nav-group:hover:not(.is-open)>.nav-dropdown{display:none}
 .nav-group.is-open>.nav-dropdown{display:block}
 body>.container{width:100%;padding:28px 15px 45px}
}
@media(max-width:650px){
 .site-topbar{gap:8px}.site-brand{gap:7px}
 .site-brand strong{font-size:11px}.site-brand small{font-size:10px}
 .site-topbar>.site-social{gap:7px}.site-topbar>.site-social a{font-size:13px}
 .site-breaking{height:36px;font-size:12px}.site-breaking>strong{padding:0 10px}
 body>.container{padding:20px 10px 35px}
}
@media(max-width:420px){.site-topbar>.site-social{display:none}}
@media(prefers-reduced-motion:reduce){.site-news-text{animation:none;position:static;display:block;padding:10px;transform:none;overflow:hidden;text-overflow:ellipsis}}