:root{--wine:#7a1f2a;--wine2:#9b3442;--gold:#b68b38;--ink:#1e2329;--muted:#69717a;--line:#e8e4df;--soft:#f7f4ef;--white:#fff;--shadow:0 18px 50px rgba(36,24,24,.08);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 32px));margin-inline:auto}.topline{background:#25181a;color:#eee;font-size:12px}.top-inner{display:flex;justify-content:space-between;gap:20px;padding:7px 0}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;min-width:260px}.brand-mark{width:46px;height:46px;border-radius:50%;overflow:hidden;display:grid;place-items:center;box-shadow:0 5px 18px rgba(122,31,42,.16);flex:0 0 auto}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand strong{display:block;font-size:17px;line-height:1.15}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.main-nav{display:flex;align-items:center;gap:6px}.main-nav a{font-size:14px;font-weight:700;padding:9px 10px;border-radius:10px;color:#34383d}.main-nav a:hover{background:var(--soft);color:var(--wine)}.main-nav .nav-login{background:var(--wine);color:white;padding-inline:14px}.main-nav .nav-login:hover{background:var(--wine2);color:#fff}.menu-btn{display:none;border:0;background:#f2efeb;width:42px;height:42px;border-radius:12px;font-size:20px}.hero{background:radial-gradient(circle at 82% 18%,rgba(182,139,56,.16),transparent 26%),linear-gradient(135deg,#fbf8f3 0,#fff 55%,#f7eeef 100%);min-height:590px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(122,31,42,.08);border-radius:50%;right:-100px;bottom:-160px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:center;padding:72px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:800;color:var(--wine);margin-bottom:10px}.eyebrow:before{content:"";width:25px;height:2px;background:var(--gold)}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-2.5px;margin:0 0 22px;max-width:780px}.hero h1 span{color:var(--wine)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin:28px 0 25px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;padding:12px 18px;font-weight:800;font-size:14px;cursor:pointer;transition:.2s}.btn.primary{background:var(--wine);color:#fff;box-shadow:0 10px 25px rgba(122,31,42,.17)}.btn.primary:hover{background:var(--wine2);transform:translateY(-1px)}.btn.ghost{background:#fff;border:1px solid var(--line)}.btn.outline{background:#fff;border:1px solid #cfc7bd;color:var(--wine)}.btn.wide{width:100%}.mini-trust{display:flex;gap:16px;flex-wrap:wrap;color:#505861;font-size:12px;font-weight:700}.hero-card{display:flex;justify-content:flex-end}.glass-card{width:min(100%,360px);padding:34px;border-radius:28px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.8);box-shadow:0 28px 80px rgba(122,31,42,.13);backdrop-filter:blur(12px);position:relative}.glass-card:before{content:"";position:absolute;inset:-8px;border-radius:34px;border:1px solid rgba(182,139,56,.16);z-index:-1}.village-symbol{width:82px;height:82px;border-radius:24px;background:linear-gradient(145deg,var(--wine),#b13d50);display:grid;place-items:center;color:#fff;font-size:40px;font-weight:900;box-shadow:0 15px 30px rgba(122,31,42,.2);margin-bottom:24px}.glass-card h3{font-size:28px;margin:0 0 8px}.glass-card p{color:var(--muted)}.glass-card a,.text-link{color:var(--wine);font-weight:800}.section{padding:82px 0}.section.soft{background:var(--soft)}.section-head{text-align:center;max-width:680px;margin:0 auto 42px}.section-head h2,.split h2{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-1.5px;margin:4px 0 12px}.section-head p,.split p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d9c8ca}.icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#f4e8ea;color:var(--wine);font-size:24px;margin-bottom:18px}.service-card h3{font-size:20px;margin:0 0 8px}.service-card p{color:var(--muted);font-size:14px;min-height:68px}.service-card span{font-size:13px;font-weight:800;color:var(--wine)}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.info-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-panel div{background:#fff;border:1px solid #ece3d9;border-radius:18px;padding:22px 14px;text-align:center}.info-panel b{display:block;color:var(--wine);font-size:24px}.info-panel span{display:block;color:var(--muted);font-size:11px}.site-footer{background:#22191a;color:#f4eeee;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}.site-footer h3,.site-footer h4{margin:0 0 8px}.site-footer p{color:#cfc5c5;font-size:13px}.site-footer a{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:16px;font-size:11px;color:#9f9494}.page-hero{background:linear-gradient(135deg,#2d1d20,#7a1f2a);color:white;padding:78px 0}.page-hero.small{padding:50px 0}.page-hero .eyebrow{color:#e8c87f}.page-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.08;margin:0 0 10px;letter-spacing:-1px}.page-hero p{max-width:720px;color:#eadfe0}.content-card,.side-card,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(40,32,30,.035);padding:30px}.content-card h2,.panel h2{margin-top:0}.note{background:#fff8e9;border:1px solid #f1dfb4;color:#69542c;border-radius:13px;padding:13px 15px;font-size:13px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.detail-grid>div{background:#faf8f5;border:1px solid #eee8e2;border-radius:13px;padding:13px}.detail-grid .full{grid-column:1/-1}.detail-grid small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full{grid-column:1/-1}.form-stack{display:grid;gap:15px}.form-grid label,.form-stack label{font-weight:800;font-size:13px;color:#40454b}.form-grid input,.form-grid select,.form-grid textarea,.form-stack input,.form-stack select,.form-stack textarea,.search-form input{display:block;width:100%;margin-top:7px;border:1px solid #dcd6cf;background:#fff;border-radius:11px;padding:12px 13px;font:inherit;color:#222;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.search-form input:focus{border-color:var(--wine);box-shadow:0 0 0 3px rgba(122,31,42,.08)}.side-card{position:sticky;top:105px}.side-card h3{margin-top:0}.side-card p{color:var(--muted);font-size:13px}.side-card hr,.panel hr{border:0;border-top:1px solid var(--line);margin:22px 0}.tip{margin-top:20px;background:var(--soft);padding:13px;border-radius:12px}.tip b,.tip span{display:block;font-size:11px}.tip span{font-family:ui-monospace,monospace;color:var(--muted);margin-top:3px}.form-error,.flash.error{background:#fff0f1;border:1px solid #efc5ca;color:#8b2635;border-radius:12px;padding:11px 13px;margin:12px 0;font-size:13px}.flash.success{background:#edf8f0;border:1px solid #c9e6d0;color:#23663a;border-radius:12px;padding:11px 13px;margin-top:14px;font-size:13px}.narrow{max-width:760px}.search-form{display:flex;gap:10px}.search-form input{margin:0;min-width:0}.search-form.large{margin:26px auto 20px}.result-card{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.result-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.result-head h3{margin:2px 0}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.3px;background:#eceff1;color:#596269}.status.baru,.status.diajukan,.status.menunggu_verifikasi{background:#fff1d8;color:#8a5b00}.status.diproses,.status.terverifikasi{background:#e9f2ff;color:#235b91}.status.selesai,.status.disetujui{background:#e8f7ec;color:#26703b}.status.ditolak{background:#fdecee;color:#982c3c}.response-box{background:#eef6ff;border-radius:13px;padding:14px}.response-box p{margin-bottom:0}.empty-state,.empty-cell{text-align:center;color:var(--muted);padding:34px}.muted{color:var(--muted);font-size:12px}.verify-page{padding:100px 0;text-align:center;background:linear-gradient(180deg,#fff 0,#faf7f3 100%);min-height:650px}.verify-page h1{font-size:clamp(32px,5vw,52px);margin:4px 0 12px}.verify-page>div>p{color:var(--muted)}.verify-icon,.verified-badge,.pending-badge,.invalid-badge{width:74px;height:74px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;font-size:34px;font-weight:900}.verify-icon{background:#f1e5e7;color:var(--wine)}.verified-badge{background:#e6f5e9;color:#2d7b40}.pending-badge{background:#fff0d3;color:#996309}.invalid-badge{background:#fdebee;color:#a52b3d}.verify-detail{text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.verify-detail>div{border:1px solid var(--line);padding:13px;border-radius:12px;background:#fff}.verify-detail .full{grid-column:1/-1}.verify-detail small{display:block;color:var(--muted)}code{font-family:ui-monospace,monospace}.login-section{min-height:calc(100vh - 100px);display:grid;place-items:center;padding:50px 16px;background:radial-gradient(circle at top right,rgba(182,139,56,.15),transparent 30%),linear-gradient(135deg,#f9f5ef,#fff)}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow)}.login-logo{width:72px;height:72px;margin-bottom:16px}.login-logo img{width:100%;height:100%}.login-card h1{margin:0 0 4px}.login-card>p{color:var(--muted);font-size:13px}.back-link{display:inline-block;margin-top:16px;font-size:12px;font-weight:800;color:var(--wine)}.admin-body{background:#f5f3f0}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:#24191b;color:#fff;padding:22px 16px;z-index:30}.admin-brand{min-width:0;color:#fff}.admin-brand small{color:#c5b8b9}.user-card{margin:28px 0 18px;padding:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);border-radius:14px}.user-card b,.user-card small{display:block}.user-card small{color:#bfaeb0;font-size:11px;margin-top:3px}.side-nav{display:grid;gap:5px}.side-nav a{padding:11px 12px;border-radius:10px;font-size:13px;font-weight:700;color:#e2d9da}.side-nav a:hover{background:rgba(255,255,255,.07);color:#fff}.admin-main{grid-column:2;min-width:0}.admin-top{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;gap:14px;position:sticky;top:0;z-index:15}.admin-top b,.admin-top small{display:block}.admin-top small{color:var(--muted);font-size:10px}.side-toggle{display:none;border:0;background:#f1efec;border-radius:10px;width:38px;height:38px}.admin-content{padding:26px}.welcome-box{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#faf5f4);border:1px solid var(--line);padding:28px;border-radius:20px;margin-bottom:20px}.welcome-box h1{margin:0;font-size:28px}.welcome-box p{margin:4px 0 0;color:var(--muted)}.role-pill{background:#f0e2e4;color:var(--wine);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px}.stat-card span,.stat-card small{display:block}.stat-card span{font-size:11px;color:var(--muted);font-weight:800}.stat-card b{display:block;font-size:30px;color:var(--wine);margin:4px 0}.stat-card small{font-size:10px;color:#8b9095}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.action-panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px}.action-panel b{font-size:18px}.action-panel p{color:var(--muted);font-size:12px}.action-panel span{color:var(--wine);font-weight:800;font-size:12px}.panel{margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head h2{margin-bottom:3px}.panel-head p{margin:0;color:var(--muted);font-size:12px}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th,.table-wrap td{text-align:left;padding:12px;border-bottom:1px solid #eeeae5;font-size:12px;vertical-align:middle}.table-wrap th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#7b7f84}.table-wrap td small{display:block;color:var(--muted);font-size:10px}.table-link{color:var(--wine);font-weight:900}.inline-form{display:inline-block;margin:0 6px 0 0}.link-button{border:0;background:transparent;padding:0;color:var(--wine);font:inherit;font-weight:900;cursor:pointer}.admin-detail{margin-top:20px}.process-help{font-size:13px;color:var(--muted)}.process-help h3{color:var(--ink)}
@media(max-width:980px){.main-nav{display:none;position:absolute;top:78px;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:11px}.menu-btn{display:block}.topline{display:none}.hero-grid{grid-template-columns:1fr .75fr}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1}.admin-shell{display:block}.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:translateX(0)}.admin-main{grid-column:auto}.side-toggle{display:block}.stats-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.container{width:min(100% - 24px,1160px)}.nav-wrap{height:68px}.brand{min-width:0}.brand-mark{width:42px;height:42px}.brand strong{font-size:15px}.brand small{font-size:9px}.main-nav{top:69px}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:54px 0}.hero-card{justify-content:flex-start}.glass-card{width:100%}.hero h1{font-size:45px;letter-spacing:-1.8px}.hero-copy>p{font-size:16px}.section{padding:58px 0}.service-grid,.split,.footer-grid,.form-layout,.dashboard-grid{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.info-panel{grid-template-columns:1fr 1fr 1fr;gap:8px}.info-panel div{padding:15px 6px}.info-panel b{font-size:18px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.side-card{position:static}.detail-grid,.verify-detail{grid-template-columns:1fr}.detail-grid .full,.verify-detail .full{grid-column:auto}.search-form{flex-direction:column}.admin-content{padding:14px}.stats-grid{grid-template-columns:1fr 1fr}.welcome-box{align-items:flex-start;gap:14px}.welcome-box h1{font-size:22px}.panel{padding:18px}.page-hero{padding:58px 0}.verify-page{padding:70px 0}.login-card{padding:25px}}
@media(max-width:470px){.hero h1{font-size:39px}.hero-actions .btn{width:100%}.mini-trust{display:grid;gap:6px}.service-grid{grid-template-columns:1fr}.info-panel{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.welcome-box{display:block}.role-pill{display:inline-flex;margin-top:12px}.site-footer{padding-top:40px}.page-hero h1{font-size:36px}}

/* =========================================================
   DESA SIDAS - PREMIUM LUXURY UI 2026
   ========================================================= */
:root{--wine:#65121f;--wine2:#8f2435;--wine3:#3b0b13;--gold:#d7ad54;--gold2:#f1d68f;--cream:#f8f3ea;--ink:#202126;--muted:#71727a;--line:#e9e3da;--soft:#f8f6f2;--shadow:0 24px 70px rgba(44,20,24,.10);--shadow-deep:0 34px 90px rgba(53,12,21,.18)}
body{background:#fff;color:var(--ink)}
.announcement-bar{background:linear-gradient(90deg,#321016,#56121d 42%,#321016);color:#f8eee8;font-size:11px;letter-spacing:.2px;position:relative;z-index:40}
.announcement-inner{height:34px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;overflow:hidden}.announce-badge{font-weight:900;font-size:9px;letter-spacing:1.1px;background:var(--gold);color:#351017;border-radius:999px;padding:3px 8px}.announce-scroll{overflow:hidden;white-space:nowrap;position:relative}.announce-scroll span{display:inline-block;animation:announceMove 22s linear infinite;padding-left:4px}.announce-date{opacity:.72;font-size:10px}@keyframes announceMove{0%{transform:translateX(0)}50%{transform:translateX(-10%)}100%{transform:translateX(0)}}
.site-header{top:0;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(69,31,35,.07);box-shadow:0 8px 35px rgba(45,20,24,.035)}
.nav-wrap{height:82px}.brand-mark{width:52px;height:52px;background:#fff;border:1px solid #eee6da;padding:3px;box-shadow:0 8px 22px rgba(69,18,29,.10)}.brand strong{font-size:18px;letter-spacing:-.2px;color:#34151b}.brand small{font-size:10px;letter-spacing:.15px}.main-nav{gap:3px}.main-nav a{font-size:13px;padding:10px 11px}.main-nav .nav-login{margin-left:5px;background:linear-gradient(135deg,#681522,#8f2435);box-shadow:0 10px 24px rgba(101,18,31,.20);border:1px solid rgba(255,255,255,.12)}
.menu-btn{width:44px;height:44px;background:#f6f1ec;border:1px solid #ece3d8;display:none;place-items:center;padding:10px}.menu-btn span{display:block;width:20px;height:2px;background:#5a1d27;border-radius:2px;margin:3px auto;transition:.2s}.menu-btn.active span:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-btn.active span:nth-child(2){opacity:0}.menu-btn.active span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

.lux-hero{min-height:660px;position:relative;display:flex;align-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(226,184,92,.18),transparent 26%),radial-gradient(circle at 14% 80%,rgba(160,52,72,.26),transparent 34%),linear-gradient(120deg,#2e0910 0%,#54111c 42%,#7d1d2d 100%)}
.lux-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.hero-orb{position:absolute;border-radius:50%;border:1px solid rgba(245,214,143,.13)}.orb-one{width:530px;height:530px;right:-140px;top:-170px}.orb-two{width:290px;height:290px;right:16%;bottom:-160px}.hero-bottom-wave{position:absolute;left:0;right:0;bottom:-1px;height:42px;background:#fff;clip-path:polygon(0 68%,10% 52%,20% 65%,32% 42%,44% 60%,56% 45%,70% 62%,82% 48%,100% 66%,100% 100%,0 100%)}
.lux-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:70px;align-items:center;padding:86px 0 112px;position:relative;z-index:2}.gov-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);backdrop-filter:blur(10px);border-radius:999px;padding:7px 12px;font-size:10px;text-transform:uppercase;letter-spacing:1.25px;font-weight:800;color:#f0dfd5}.gov-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(215,173,84,.12)}
.lux-hero h1{font-size:clamp(46px,6vw,76px);line-height:.99;letter-spacing:-3.5px;margin:22px 0 22px;max-width:800px}.lux-hero h1 span{color:var(--gold2);font-weight:600}.lux-hero-copy>p{max-width:700px;color:#e8dfe0;font-size:17px;line-height:1.75;margin:0}.premium-actions{margin:30px 0 30px}.btn-gold{background:linear-gradient(135deg,#e1b95f,#c99431);color:#3b140e;box-shadow:0 12px 28px rgba(211,163,72,.20);border:1px solid rgba(255,255,255,.15)}.btn-gold:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-glass{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}.btn-glass:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.hero-trust{display:flex;gap:28px;flex-wrap:wrap}.hero-trust>div{display:flex;align-items:center;gap:9px}.hero-trust b{font-size:18px;color:#f1d78f;min-width:32px}.hero-trust span{font-size:10px;line-height:1.35;text-transform:uppercase;letter-spacing:.8px;color:#d3c3c5}
.hero-identity-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px}.hero-emblem-ring{position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid rgba(239,207,133,.20);display:grid;place-items:center;top:20px}.hero-emblem-ring:before,.hero-emblem-ring:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.hero-emblem-ring:before{inset:28px}.hero-emblem-ring:after{inset:58px}.hero-emblem{width:128px;height:128px;border-radius:50%;background:linear-gradient(145deg,#fff,#efe8dc);padding:12px;box-shadow:0 24px 70px rgba(0,0,0,.22),0 0 0 9px rgba(255,255,255,.055);position:relative;z-index:3}.hero-emblem img{width:100%;height:100%;object-fit:contain}.identity-card{width:min(100%,380px);margin-top:214px;background:rgba(255,255,255,.095);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(18px);border-radius:28px;padding:30px 31px;box-shadow:0 32px 80px rgba(0,0,0,.20);text-align:center}.identity-kicker{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#d6c8ca}.identity-card h2{font-size:30px;margin:7px 0 10px;letter-spacing:-1px}.gold-rule{width:44px;height:2px;background:linear-gradient(90deg,#b37d22,#f1d78f);margin:0 auto 14px}.identity-card p{font-size:13px;line-height:1.7;color:#dfd2d4;margin:0 0 15px}.identity-card a{font-size:11px;font-weight:800;color:#f3d992}.identity-card a span{margin-left:4px}

.quick-panel-wrap{position:relative;z-index:7;margin-top:-42px}.quick-panel{background:#fff;border-radius:24px;box-shadow:0 24px 70px rgba(48,20,24,.12);border:1px solid #efe7de;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.quick-item{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;padding:22px 20px;position:relative;transition:.22s}.quick-item:not(:last-child):after{content:"";position:absolute;right:0;top:20px;bottom:20px;width:1px;background:#eee6dc}.quick-item:hover{background:#fbf7f2}.quick-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#f6e8ea,#fff3e4);color:#761b29;font-size:21px}.quick-item b,.quick-item small{display:block}.quick-item b{font-size:13px}.quick-item small{font-size:10px;color:#8a8583;margin-top:2px}.quick-item i{font-style:normal;color:#ad8a53;font-size:17px}

.intro-section{padding-top:105px}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:74px;align-items:center}.intro-copy h2{font-size:clamp(36px,4.6vw,56px);line-height:1.05;letter-spacing:-2.2px;margin:6px 0 20px;max-width:610px}.intro-copy>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:650px}.feature-list{display:grid;gap:11px;margin:26px 0 26px}.feature-list>div{display:flex;gap:12px;align-items:flex-start}.feature-list>div>span{width:27px;height:27px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#f3e5e7;color:#7f1e2e;font-size:12px;font-weight:900}.feature-list p{margin:0}.feature-list b,.feature-list small{display:block}.feature-list b{font-size:13px}.feature-list small{font-size:11px;color:#8a8684;margin-top:2px}.arrow-link span{transition:.2s}.arrow-link:hover span{margin-left:4px}
.leader-card{position:relative;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#f8f2e9,#fff);border:1px solid #eadfce;box-shadow:var(--shadow);display:grid;grid-template-columns:.78fr 1.22fr;min-height:345px}.leader-deco{position:absolute;width:260px;height:260px;border-radius:50%;background:linear-gradient(145deg,rgba(137,36,53,.12),rgba(215,173,84,.10));left:-80px;bottom:-120px}.leader-photo{position:relative;display:grid;place-items:center;background:linear-gradient(165deg,#7c1b2b,#481019);min-height:345px;overflow:hidden}.leader-photo:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px}.leader-photo img{width:120px;height:120px;object-fit:contain;background:#fff;border-radius:50%;padding:10px;box-shadow:0 15px 40px rgba(0,0,0,.25);position:relative;z-index:2}.leader-body{padding:42px 32px;position:relative;z-index:2}.leader-label{font-size:9px;text-transform:uppercase;letter-spacing:1.6px;font-weight:900;color:#8d6f43}.leader-body h3{font-size:25px;line-height:1.15;margin:8px 0 17px;color:#4a1520}.leader-body p{font-family:Georgia,"Times New Roman",serif;font-size:14px;line-height:1.75;color:#5f5956;font-style:italic}.leader-sign{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#a09891;margin-top:20px}

.service-lux-section{background:linear-gradient(140deg,#2b0b11 0%,#45101a 58%,#5c1421 100%);position:relative;overflow:hidden}.service-lux-section:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;border:1px solid rgba(255,255,255,.04);right:-220px;top:-230px}.luxe-head h2{color:#fff}.luxe-head p{color:#cdbfc0}.eyebrow.light{color:#eacb85}.service-lux-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:2}.service-lux-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:29px;color:#fff;min-height:305px;position:relative;overflow:hidden;transition:.25s}.service-lux-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.085);border-color:rgba(236,201,122,.28)}.service-lux-card.featured{background:linear-gradient(145deg,rgba(213,170,76,.16),rgba(255,255,255,.06));border-color:rgba(225,185,95,.26)}.service-num{position:absolute;right:24px;top:20px;font-size:42px;font-weight:900;color:rgba(255,255,255,.055);letter-spacing:-2px}.service-lux-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#e4bd65,#c78e2c);color:#421017;font-size:23px;margin-bottom:34px;box-shadow:0 12px 28px rgba(214,165,68,.15)}.service-lux-card h3{font-size:22px;margin:0 0 10px}.service-lux-card p{font-size:12px;line-height:1.7;color:#cfc2c3;min-height:82px}.service-link{font-size:11px;font-weight:900;color:#f0d186;text-transform:uppercase;letter-spacing:.7px}.service-link b{margin-left:5px}

.village-banner-section{padding-top:64px}.village-banner{position:relative;overflow:hidden;border-radius:30px;padding:48px 50px;background:linear-gradient(115deg,#7d1d2d,#4b1019);color:#fff;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;box-shadow:var(--shadow-deep)}.banner-pattern{position:absolute;right:-70px;top:-100px;width:340px;height:340px;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.banner-pattern:after{content:"";position:absolute;inset:48px;border-radius:50%;border:1px solid rgba(232,199,126,.15)}.banner-copy,.banner-actions{position:relative;z-index:2}.banner-copy>span{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#e9ca84}.banner-copy h2{font-size:clamp(28px,3.5vw,43px);line-height:1.08;letter-spacing:-1.5px;margin:8px 0 10px}.banner-copy p{margin:0;color:#d8cacc;font-size:12px}.banner-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* premium treatment for inner/public pages */
.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(227,186,94,.17),transparent 25%),linear-gradient(130deg,#2d0b12,#6a1726 70%,#862438);padding:86px 0}.page-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(255,255,255,.07);right:-100px;bottom:-230px}.page-hero h1{letter-spacing:-1.8px}.page-hero p{color:#e5dadd}.content-card,.side-card,.panel{border-color:#ece4d9;box-shadow:0 18px 50px rgba(45,23,26,.055)}.content-card,.side-card{border-radius:24px}.form-grid input,.form-grid select,.form-grid textarea,.form-stack input,.form-stack select,.form-stack textarea,.search-form input{border-radius:13px;border-color:#ddd5cb;background:#fffdfb}.btn.primary{background:linear-gradient(135deg,#681522,#90283a);box-shadow:0 10px 25px rgba(101,18,31,.18)}
.verify-page{background:radial-gradient(circle at 80% 10%,rgba(215,173,84,.08),transparent 26%),linear-gradient(180deg,#fff 0,#faf7f2 100%)}
.login-section{background:radial-gradient(circle at 85% 8%,rgba(215,173,84,.17),transparent 25%),linear-gradient(140deg,#f5eee4,#fff 50%,#f8eff0)}.login-card{border-radius:30px;box-shadow:0 30px 85px rgba(56,21,27,.13)}

/* premium admin */
.admin-body{background:#f6f3ef}.sidebar{background:radial-gradient(circle at top,rgba(193,143,55,.12),transparent 24%),linear-gradient(180deg,#2a0b11,#3b0e16 60%,#25080d);box-shadow:14px 0 40px rgba(43,13,18,.08)}.user-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.09)}.side-nav a{border:1px solid transparent}.side-nav a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.06)}.admin-top{box-shadow:0 6px 24px rgba(48,24,28,.035)}.welcome-box{background:radial-gradient(circle at 85% 20%,rgba(215,173,84,.11),transparent 25%),linear-gradient(135deg,#fff,#fbf5f2);border-radius:24px;box-shadow:0 14px 36px rgba(49,20,25,.045)}.role-pill{background:linear-gradient(135deg,#f5e6e8,#fbf4e5);color:#6d1a29}.stat-card,.action-panel{border-radius:20px;box-shadow:0 12px 30px rgba(45,22,25,.035)}.stat-card b{color:#701a29}

.mobile-quickbar{display:none}

@media(max-width:1100px){.lux-hero-grid{grid-template-columns:1.08fr .92fr;gap:34px}.quick-item{padding:18px 13px;grid-template-columns:40px 1fr}.quick-item i{display:none}.quick-icon{width:40px;height:40px}.intro-grid{gap:40px}.leader-card{grid-template-columns:.72fr 1.28fr}}
@media(max-width:980px){.announcement-date{display:none}.menu-btn{display:grid}.main-nav{top:74px;left:auto;right:16px;width:min(360px,calc(100% - 32px));padding:13px;border-radius:20px}.lux-hero{min-height:auto}.lux-hero-grid{grid-template-columns:1fr .78fr;padding:68px 0 105px}.lux-hero h1{font-size:54px;letter-spacing:-2.3px}.hero-identity-wrap{min-height:390px}.quick-panel{grid-template-columns:1fr 1fr}.quick-item:nth-child(2):after{display:none}.quick-item:nth-child(-n+2){border-bottom:1px solid #eee6dc}.service-lux-grid{grid-template-columns:1fr 1fr}.service-lux-card:last-child{grid-column:1/-1}.intro-grid{grid-template-columns:1fr}.leader-card{max-width:720px}.village-banner{grid-template-columns:1fr}.banner-actions{justify-content:flex-start}}
@media(max-width:760px){body{padding-bottom:72px}.announcement-inner{grid-template-columns:auto 1fr}.announce-date{display:none}.announcement-bar{font-size:10px}.nav-wrap{height:70px}.brand-mark{width:44px;height:44px}.brand strong{font-size:15px}.main-nav{top:68px}.lux-hero-grid{grid-template-columns:1fr;padding:54px 0 98px;gap:36px}.lux-hero h1{font-size:47px;letter-spacing:-2px}.lux-hero-copy>p{font-size:15px}.hero-trust{gap:16px}.hero-identity-wrap{min-height:345px}.hero-emblem-ring{width:245px;height:245px;top:0}.hero-emblem{width:105px;height:105px}.identity-card{margin-top:155px;width:100%;max-width:370px}.quick-panel-wrap{margin-top:-35px}.quick-panel{border-radius:20px}.quick-item{padding:15px 12px;gap:9px}.quick-icon{width:38px;height:38px;border-radius:12px}.quick-item b{font-size:11px}.quick-item small{font-size:9px}.intro-section{padding-top:78px}.intro-copy h2{font-size:39px;letter-spacing:-1.6px}.leader-card{grid-template-columns:1fr;min-height:0}.leader-photo{min-height:220px}.leader-body{padding:29px 26px}.service-lux-grid{grid-template-columns:1fr}.service-lux-card:last-child{grid-column:auto}.village-banner{padding:34px 26px;border-radius:24px}.banner-actions .btn{width:100%}.luxury-footer{padding-bottom:90px}.footer-top{grid-template-columns:1fr!important}.office-strip{grid-template-columns:1fr!important}.mobile-quickbar{position:fixed;left:10px;right:10px;bottom:10px;height:62px;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:rgba(255,255,255,.96);border:1px solid #e8dfd4;border-radius:19px;box-shadow:0 18px 45px rgba(41,16,21,.20);backdrop-filter:blur(14px);padding:4px 5px calc(4px + env(safe-area-inset-bottom))}.mobile-quickbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#6f6565;min-width:0}.mobile-quickbar a>span{font-size:17px;line-height:1}.mobile-quickbar small{font-size:8px;font-weight:800}.mobile-quickbar .mobile-main-action{color:#6e1625}.mobile-main-action>span{width:38px;height:38px;margin-top:-22px;border-radius:50%;display:grid!important;place-items:center;background:linear-gradient(145deg,#7c1b2b,#4a0e17);color:#fff;border:4px solid #fff;box-shadow:0 8px 20px rgba(103,18,31,.26);font-size:20px!important}.mobile-main-action small{margin-top:2px}.page-hero{padding:62px 0}.page-hero.small{padding:48px 0}}
@media(max-width:470px){.announcement-bar{display:none}.site-header{top:0}.brand small{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lux-hero h1{font-size:40px;line-height:1.02}.premium-actions .btn{width:100%}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:5px}.hero-trust>div{display:block;text-align:center;background:rgba(255,255,255,.05);padding:10px 5px;border-radius:12px}.hero-trust b{display:block}.hero-trust span{font-size:8px}.hero-identity-wrap{min-height:310px}.identity-card{padding:23px 20px;margin-top:140px}.identity-card h2{font-size:25px}.quick-panel{grid-template-columns:1fr}.quick-item:nth-child(n){border-bottom:1px solid #eee6dc}.quick-item:last-child{border-bottom:0}.quick-item:after{display:none!important}.intro-copy h2{font-size:35px}.leader-photo{min-height:185px}.service-lux-card{min-height:0}.banner-copy h2{font-size:30px}.page-hero h1{font-size:35px}.content-card,.side-card{padding:22px}.mobile-quickbar{left:7px;right:7px;bottom:7px}}

/* luxury footer */
.luxury-footer{background:radial-gradient(circle at 15% 0,rgba(214,171,81,.11),transparent 28%),linear-gradient(145deg,#21080d,#351018 60%,#22090e);padding:62px 0 20px}.footer-top{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:start}.footer-brand-block{display:flex;gap:18px;align-items:center}.footer-logo{width:72px;height:72px;border-radius:50%;background:#fff;padding:7px;box-shadow:0 10px 30px rgba(0,0,0,.18);flex:0 0 auto}.footer-logo img{width:100%;height:100%;object-fit:contain}.footer-brand-block span{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#d6b66f}.footer-brand-block h3{font-size:25px;margin:3px 0 5px}.footer-brand-block p{margin:0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:26px}.footer-links h4{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#dcbf7d}.footer-links a{display:block;font-size:12px;color:#cbbfc0;margin:7px 0}.footer-links a:hover{color:#fff}.office-strip{display:grid;grid-template-columns:1.6fr .7fr .9fr;gap:10px;margin-top:38px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.office-strip>div{display:flex;gap:10px;align-items:flex-start;color:#e9dddd}.office-strip>div>span{color:#d6ae57}.office-strip p{margin:0;font-size:11px}.office-strip small{display:block;color:#8f7f81;font-size:8px;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.footer-bottom{display:flex;justify-content:space-between;gap:16px}

/* =========================================================
   TEMA MERAH PUTIH - DESA SIDAS
   Logo Kabupaten Landak dari pengguna, tanpa aksen emas.
   ========================================================= */
:root{
  --wine:#d4001a;
  --wine2:#a90016;
  --gold:#d4001a;
  --gold2:#ffffff;
  --ink:#202124;
  --muted:#686d73;
  --line:#eee5e6;
  --soft:#fff6f7;
  --white:#ffffff;
  --shadow:0 18px 50px rgba(130,0,18,.10);
  --shadow-deep:0 26px 70px rgba(110,0,16,.18);
}
body{background:#fff;color:#202124}
.announcement-bar{background:#d4001a;color:#fff}
.announce-badge{background:#fff;color:#c70018}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #f0dfe1;box-shadow:0 8px 30px rgba(125,0,17,.055)}
.brand-mark{background:#fff;border-color:#f0dfe1;box-shadow:0 8px 24px rgba(165,0,22,.12);padding:4px;border-radius:14px}
.brand-mark img{object-fit:contain!important;background:#fff}
.brand strong{color:#a90016}.main-nav a:hover{background:#fff1f3;color:#d4001a}
.main-nav .nav-login,.btn.primary{background:linear-gradient(135deg,#e0001c,#b00017)!important;color:#fff;box-shadow:0 10px 24px rgba(190,0,25,.20)}
.menu-btn{background:#fff4f5;border-color:#f0d9dc}.menu-btn span{background:#c90019}

.lux-hero{background:radial-gradient(circle at 82% 17%,rgba(255,255,255,.14),transparent 27%),radial-gradient(circle at 12% 86%,rgba(255,255,255,.08),transparent 30%),linear-gradient(120deg,#8f0013 0%,#c90019 48%,#ee1630 100%);color:#fff}
.lux-hero:before{background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px}
.hero-orb{border-color:rgba(255,255,255,.18)}
.gov-chip{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.24);color:#fff}
.gov-dot{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.13)}
.lux-hero h1 span{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.08)}
.lux-hero-copy>p{color:rgba(255,255,255,.88)}
.btn-gold{background:#fff;color:#bd0018;border:1px solid #fff;box-shadow:0 12px 30px rgba(92,0,13,.22)}
.btn-gold:hover{background:#fff6f7;color:#a90016}
.btn-glass{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.38);color:#fff}
.hero-trust b{color:#fff}.hero-trust span{color:rgba(255,255,255,.82)}
.hero-emblem-ring{border-color:rgba(255,255,255,.30)}
.hero-emblem-ring:before,.hero-emblem-ring:after{border-color:rgba(255,255,255,.15)}
.hero-emblem{background:#fff;border-radius:25px;padding:10px;box-shadow:0 24px 70px rgba(72,0,9,.28),0 0 0 9px rgba(255,255,255,.08)}
.hero-emblem img{object-fit:contain;background:#fff}
.identity-card{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.30)}
.identity-kicker,.identity-card p{color:rgba(255,255,255,.82)}
.identity-card a{color:#fff}.gold-rule{background:#fff}

.quick-panel{border-color:#f2dfe2;box-shadow:0 24px 70px rgba(135,0,18,.12)}
.quick-item:not(:last-child):after{background:#f0dfe1}.quick-item:hover{background:#fff5f6}
.quick-icon{background:#fff0f2;color:#d4001a}.quick-item i{color:#d4001a}
.eyebrow{color:#c90019}.eyebrow:before{background:#d4001a}
.feature-list>div>span{background:#ffe9ec;color:#c90019}
.leader-card{background:linear-gradient(145deg,#fff4f5,#fff);border-color:#f0dadd}
.leader-deco{background:rgba(212,0,26,.08)}
.leader-photo{background:linear-gradient(165deg,#ed1730,#a90016)}
.leader-photo img{object-fit:contain;background:#fff;border-radius:22px;padding:9px}
.leader-label{color:#c80019}.leader-body h3{color:#9f0015}

.service-lux-section{background:linear-gradient(140deg,#970014 0%,#c90019 56%,#e3112a 100%)}
.luxe-head p{color:rgba(255,255,255,.80)}.eyebrow.light{color:#fff}.eyebrow.light:before{background:#fff}
.service-lux-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.20)}
.service-lux-card:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.42)}
.service-lux-card.featured{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.38)}
.service-lux-icon{background:#fff;color:#c90019;box-shadow:0 12px 28px rgba(92,0,12,.18)}
.service-lux-card p{color:rgba(255,255,255,.80)}.service-link{color:#fff}
.village-banner{background:linear-gradient(115deg,#e30b27,#a90016);box-shadow:var(--shadow-deep)}
.banner-pattern:after{border-color:rgba(255,255,255,.16)}
.banner-copy>span{color:#fff}.banner-copy p{color:rgba(255,255,255,.82)}

.page-hero{background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.12),transparent 25%),linear-gradient(130deg,#970014,#cf001b 70%,#ec1730)}
.page-hero .eyebrow{color:#fff}.page-hero .eyebrow:before{background:#fff}.page-hero p{color:rgba(255,255,255,.84)}
.content-card,.side-card,.panel{border-color:#f0dfe1;box-shadow:0 18px 50px rgba(120,0,17,.055)}
.form-grid input,.form-grid select,.form-grid textarea,.form-stack input,.form-stack select,.form-stack textarea,.search-form input{border-color:#ead9dc;background:#fff}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.search-form input:focus{border-color:#d4001a;box-shadow:0 0 0 3px rgba(212,0,26,.08)}
.note{background:#fff5f6;border-color:#f2d0d5;color:#7c1725}
.verify-page{background:linear-gradient(180deg,#fff 0,#fff4f5 100%)}
.verify-icon{background:#ffe9ec;color:#d4001a}
.login-section{background:radial-gradient(circle at 85% 8%,rgba(212,0,26,.09),transparent 25%),linear-gradient(140deg,#fff2f4,#fff 50%,#fff5f6)}
.login-card{box-shadow:0 30px 85px rgba(120,0,18,.13)}

.admin-body{background:#fff6f7}.sidebar{background:linear-gradient(180deg,#e0001c,#b30017 62%,#8f0013);box-shadow:14px 0 40px rgba(110,0,16,.11)}
.admin-brand .brand-mark{background:#fff;border-color:rgba(255,255,255,.28)}
.user-card{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16)}
.side-nav a:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.18)}
.welcome-box{background:linear-gradient(135deg,#fff,#fff1f3);box-shadow:0 14px 36px rgba(125,0,18,.055)}
.role-pill{background:#ffe5e9;color:#ad0017}.stat-card b{color:#c50019}

.luxury-footer{background:linear-gradient(145deg,#970014,#c90019 60%,#a90016)}
.footer-brand-block span,.footer-links h4{color:#fff}.footer-links a{color:rgba(255,255,255,.78)}
.office-strip>div{color:#fff}.office-strip>div>span{color:#fff}.office-strip small{color:rgba(255,255,255,.58)}
.footer-logo{border-radius:18px;padding:6px}.footer-logo img{object-fit:contain;background:#fff}

@media(max-width:760px){
 .mobile-quickbar{border-color:#f0d9dc;box-shadow:0 18px 45px rgba(120,0,18,.20)}
 .mobile-quickbar .mobile-main-action{color:#c90019}
 .mobile-main-action>span{background:linear-gradient(145deg,#e3001d,#ae0017);box-shadow:0 8px 20px rgba(160,0,22,.27)}
}

/* =========================================================
   TEMA FINAL MERAH - PUTIH - HITAM TIPIS
   Hitam hanya sebagai aksen elegan: teks, garis, shadow, footer.
   ========================================================= */
:root{
  --wine:#d4001a;
  --wine2:#ad0017;
  --gold:#111111;
  --gold2:#ffffff;
  --ink:#171717;
  --muted:#666b70;
  --line:#eadfe1;
  --soft:#fff6f7;
  --white:#ffffff;
  --shadow:0 18px 50px rgba(17,17,17,.10);
  --shadow-deep:0 28px 70px rgba(17,17,17,.17);
}
body{color:#171717;background:#fff}
.announcement-bar{background:#111;color:#fff;border-bottom:3px solid #d4001a}
.announce-badge{background:#d4001a;color:#fff;border:1px solid rgba(255,255,255,.3)}
.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid rgba(17,17,17,.10);box-shadow:0 9px 28px rgba(17,17,17,.055)}
.brand strong{color:#111}.brand small{color:#6a6a6a}
.brand-mark{border:1px solid rgba(17,17,17,.10);box-shadow:0 8px 22px rgba(17,17,17,.09)}
.main-nav a{color:#1f1f1f}.main-nav a:hover{background:#fff0f2;color:#d4001a}
.main-nav .nav-login{background:#d4001a!important;border:1px solid #b90018}
.menu-btn{background:#fff;border:1px solid rgba(17,17,17,.12)}.menu-btn span{background:#111}

.lux-hero{background:radial-gradient(circle at 80% 15%,rgba(0,0,0,.11),transparent 29%),radial-gradient(circle at 10% 86%,rgba(255,255,255,.08),transparent 31%),linear-gradient(120deg,#a90016 0%,#d4001a 55%,#ee1530 100%)}
.lux-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:#111;opacity:.9}
.gov-chip{background:rgba(17,17,17,.16);border-color:rgba(255,255,255,.25)}
.hero-emblem{box-shadow:0 24px 70px rgba(17,17,17,.30),0 0 0 9px rgba(255,255,255,.08)}
.identity-card{box-shadow:0 18px 48px rgba(17,17,17,.16)}
.gold-rule{background:#111;opacity:.75}
.btn-gold{background:#fff;color:#c60019;border:1px solid rgba(17,17,17,.12);box-shadow:0 12px 30px rgba(17,17,17,.15)}
.btn-glass{background:rgba(17,17,17,.13);border-color:rgba(255,255,255,.34)}

.quick-panel{border:1px solid rgba(17,17,17,.09);box-shadow:0 24px 65px rgba(17,17,17,.10)}
.quick-item:not(:last-child):after{background:rgba(17,17,17,.09)}
.quick-item:hover{background:#fff3f5}.quick-icon{background:#fff0f2;color:#d4001a;border:1px solid rgba(17,17,17,.05)}
.eyebrow:before{background:#111}.eyebrow{color:#c90019}
.feature-list>div{border-color:rgba(17,17,17,.08)}
.feature-list>div>span{background:#111;color:#fff}
.leader-card{border:1px solid rgba(17,17,17,.10);box-shadow:0 18px 48px rgba(17,17,17,.08)}
.leader-label{color:#d4001a}.leader-body h3{color:#111}

.service-lux-section{background:linear-gradient(140deg,#111 0%,#1b1b1b 18%,#a90016 18%,#d4001a 72%,#bd0018 100%)}
.service-lux-card{background:rgba(255,255,255,.095);border:1px solid rgba(255,255,255,.23);box-shadow:0 16px 38px rgba(17,17,17,.10)}
.service-lux-card:hover{box-shadow:0 22px 48px rgba(17,17,17,.18)}
.service-lux-icon{background:#fff;color:#d4001a;border:1px solid rgba(17,17,17,.08)}
.village-banner{background:linear-gradient(115deg,#111 0 12%,#d4001a 12% 100%);box-shadow:0 24px 60px rgba(17,17,17,.18)}

.page-hero{background:radial-gradient(circle at 82% 10%,rgba(0,0,0,.13),transparent 27%),linear-gradient(130deg,#111 0 7%,#aa0016 7%,#d4001a 76%,#ed1831)}
.page-hero .eyebrow:before{background:#111}
.content-card,.side-card,.panel{border-color:rgba(17,17,17,.09);box-shadow:0 16px 44px rgba(17,17,17,.055)}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.search-form input:focus{border-color:#d4001a;box-shadow:0 0 0 3px rgba(212,0,26,.08)}

.admin-body{background:#f8f8f8}.sidebar{background:linear-gradient(180deg,#111 0%,#181818 24%,#a90016 24%,#d4001a 100%);box-shadow:14px 0 40px rgba(17,17,17,.15)}
.welcome-box{background:linear-gradient(135deg,#fff,#fff4f5);border:1px solid rgba(17,17,17,.08);box-shadow:0 14px 36px rgba(17,17,17,.06)}
.stat-card{border-color:rgba(17,17,17,.08)}.stat-card b{color:#d4001a}.role-pill{background:#111;color:#fff}

.luxury-footer{background:linear-gradient(145deg,#101010,#171717 64%,#2b060c);border-top:5px solid #d4001a}
.footer-brand-block span,.footer-links h4{color:#ff5367}.footer-links a{color:rgba(255,255,255,.78)}.footer-links a:hover{color:#fff}
.footer-logo{border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 28px rgba(0,0,0,.28)}
.office-strip{border-top-color:rgba(255,255,255,.13)}
.footer-bottom{border-top-color:rgba(255,255,255,.11)}

.mobile-quickbar{border:1px solid rgba(17,17,17,.10);box-shadow:0 18px 44px rgba(17,17,17,.16)}
.mobile-quickbar a{color:#333}.mobile-main-action>span{background:linear-gradient(145deg,#d4001a,#aa0016);border-color:#fff;box-shadow:0 8px 20px rgba(17,17,17,.22)}

@media(max-width:760px){
  .service-lux-section{background:linear-gradient(180deg,#111 0 5px,#bd0018 5px,#d4001a 100%)}
  .village-banner{background:linear-gradient(180deg,#111 0 5px,#d4001a 5px 100%)}
  .sidebar{background:linear-gradient(180deg,#111 0 4%,#b40017 4%,#d4001a 100%)}
}

/* =========================================================
   ANIMASI KLIK KARTU IDENTITAS DESA
   Ringan, tanpa library eksternal.
   ========================================================= */
.hero-identity-link{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  position:relative;
  isolation:isolate;
  -webkit-tap-highlight-color:transparent;
  outline:none;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s ease;
}
.hero-identity-link:focus-visible{
  outline:3px solid rgba(255,255,255,.95);
  outline-offset:8px;
  border-radius:32px;
}
.hero-identity-link .hero-emblem-ring,
.hero-identity-link .hero-emblem,
.hero-identity-link .identity-card,
.hero-identity-link .identity-cta b{
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,filter .32s ease;
}
.hero-identity-link:hover{
  transform:translateY(-6px);
  filter:drop-shadow(0 18px 28px rgba(17,17,17,.13));
}
.hero-identity-link:hover .hero-emblem-ring{transform:translateY(-4px) scale(1.025)}
.hero-identity-link:hover .identity-card{transform:translateY(-2px)}
.hero-identity-link:hover .identity-cta b{transform:translateX(6px)}

.hero-click-hint{
  position:absolute;
  top:-12px;
  left:50%;
  transform:translate(-50%,-8px);
  z-index:8;
  background:#111;
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  padding:7px 12px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.6px;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  box-shadow:0 10px 24px rgba(17,17,17,.22);
  transition:opacity .25s ease,transform .25s ease;
}
.hero-identity-link:hover .hero-click-hint,
.hero-identity-link:focus-visible .hero-click-hint{
  opacity:1;
  transform:translate(-50%,0);
}
.identity-cta{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#fff;
  font-size:13px;
  font-weight:800;
  margin-top:8px;
}
.identity-cta b{display:inline-block;font-size:17px;line-height:1}

.hero-tap-ripple{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:22px;
  height:22px;
  border-radius:999px;
  background:rgba(255,255,255,.38);
  border:2px solid rgba(255,255,255,.60);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-50%) scale(.1);
}
.hero-identity-link.is-clicked{
  animation:desaCardTap .48s cubic-bezier(.2,.8,.2,1) both;
}
.hero-identity-link.is-clicked .hero-emblem-ring{
  animation:desaLogoPop .48s cubic-bezier(.2,.9,.2,1) both;
}
.hero-identity-link.is-clicked .hero-emblem{
  animation:desaLogoTurn .48s ease both;
}
.hero-identity-link.is-clicked .identity-card{
  animation:desaCardGlow .48s ease both;
}
.hero-identity-link.is-clicked .identity-cta b{
  animation:desaArrowGo .48s ease both;
}
.hero-identity-link.is-clicked .hero-tap-ripple{
  animation:desaRipple .52s ease-out both;
}

@keyframes desaCardTap{
  0%{transform:translateY(0) scale(1)}
  35%{transform:translateY(2px) scale(.965)}
  72%{transform:translateY(-5px) scale(1.015)}
  100%{transform:translateY(0) scale(1)}
}
@keyframes desaLogoPop{
  0%{transform:scale(1)}
  40%{transform:scale(.88)}
  75%{transform:scale(1.09)}
  100%{transform:scale(1)}
}
@keyframes desaLogoTurn{
  0%{transform:rotate(0deg)}
  45%{transform:rotate(-5deg)}
  78%{transform:rotate(5deg)}
  100%{transform:rotate(0deg)}
}
@keyframes desaCardGlow{
  0%,100%{box-shadow:0 18px 48px rgba(17,17,17,.16)}
  45%{box-shadow:0 22px 55px rgba(17,17,17,.26),0 0 0 7px rgba(255,255,255,.16)}
}
@keyframes desaArrowGo{
  0%{transform:translateX(0);opacity:1}
  50%{transform:translateX(12px);opacity:.4}
  100%{transform:translateX(0);opacity:1}
}
@keyframes desaRipple{
  0%{opacity:.75;transform:translate(-50%,-50%) scale(.1)}
  75%{opacity:.18}
  100%{opacity:0;transform:translate(-50%,-50%) scale(18)}
}

/* transisi halaman sangat singkat agar klik terasa halus */
body.page-leaving::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:99999;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(212,0,26,.96),rgba(255,255,255,.96));
  animation:desaPageWipe .26s ease forwards;
}
@keyframes desaPageWipe{
  from{opacity:0;clip-path:circle(0% at 78% 30%)}
  to{opacity:1;clip-path:circle(145% at 78% 30%)}
}

@media(max-width:760px){
  .hero-click-hint{display:none}
  .hero-identity-link:hover{transform:none;filter:none}
  .hero-identity-link:active{transform:scale(.985)}
}
@media(prefers-reduced-motion:reduce){
  .hero-identity-link,.hero-identity-link *{animation:none!important;transition:none!important}
  body.page-leaving::after{animation:none!important;opacity:1}
}

/* =========================================================
   V3 - HERO MENYALA + TEKS SELAMAT DATANG
   Efek bara/api merah-putih, ringan tanpa library tambahan.
   ========================================================= */
.announcement-bar{
  display:block!important;
  position:relative;
  overflow:hidden;
  background:linear-gradient(90deg,#090909 0%,#111 18%,#bf0018 48%,#111 82%,#090909 100%)!important;
  border-bottom:3px solid #e0001c!important;
  box-shadow:0 3px 18px rgba(0,0,0,.20);
}
.announcement-bar:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 0 38%,rgba(255,255,255,.20) 46%,transparent 54% 100%);
  transform:translateX(-120%);animation:welcomeShine 5s ease-in-out infinite;pointer-events:none;
}
.announcement-inner{height:38px!important;position:relative;z-index:2}
.announce-badge{background:#e0001c!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 0 16px rgba(224,0,28,.55)}
.welcome-marquee{font-weight:900;letter-spacing:1.05px;text-shadow:0 0 10px rgba(255,255,255,.16),0 0 18px rgba(224,0,28,.30)}
.welcome-marquee b{color:#fff;font-size:12px;margin:0 7px}
@keyframes welcomeShine{0%,68%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}

/* bara di latar hero */
.hero-fire-bg{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-fire-bg:before,.hero-fire-bg:after{
  content:"";position:absolute;border-radius:50%;filter:blur(34px);mix-blend-mode:screen;opacity:.45;
  animation:fireAura 3.4s ease-in-out infinite alternate;
}
.hero-fire-bg:before{width:430px;height:300px;right:5%;bottom:-105px;background:radial-gradient(circle at 50% 70%,rgba(255,255,255,.34) 0 8%,rgba(255,24,55,.64) 22%,rgba(100,0,12,.08) 66%,transparent 72%)}
.hero-fire-bg:after{width:340px;height:240px;left:-4%;bottom:-100px;background:radial-gradient(circle at 50% 70%,rgba(255,255,255,.22),rgba(255,20,46,.50) 28%,transparent 70%);animation-delay:-1.6s}
@keyframes fireAura{0%{transform:translateY(12px) scale(.92);opacity:.30}45%{transform:translateY(-6px) scale(1.06);opacity:.58}100%{transform:translateY(-14px) scale(.98);opacity:.38}}

.ember{position:absolute;bottom:-14px;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 7px #fff,0 0 15px #ff1736;opacity:0;animation:emberRise 5.2s linear infinite}
.ember.e1{left:8%;animation-delay:-.5s}.ember.e2{left:18%;width:3px;height:3px;animation-delay:-3.1s}.ember.e3{left:30%;animation-delay:-1.7s}.ember.e4{left:43%;width:2px;height:2px;animation-delay:-4.2s}.ember.e5{left:55%;animation-delay:-2.3s}.ember.e6{left:65%;width:3px;height:3px;animation-delay:-.9s}.ember.e7{left:74%;animation-delay:-3.8s}.ember.e8{left:83%;width:2px;height:2px;animation-delay:-2.8s}.ember.e9{left:91%;animation-delay:-1.3s}.ember.e10{left:97%;width:3px;height:3px;animation-delay:-4.7s}
@keyframes emberRise{0%{transform:translate(0,0) scale(.4);opacity:0}12%{opacity:.85}45%{transform:translate(18px,-210px) scale(1);opacity:.72}75%{transform:translate(-8px,-380px) scale(.7);opacity:.35}100%{transform:translate(15px,-560px) scale(.2);opacity:0}}

/* api/glow hidup mengitari kartu Desa Sidas */
.hero-identity-link{overflow:visible}
.hero-flame-field{position:absolute;inset:-28px -30px 8px;z-index:0;pointer-events:none;filter:drop-shadow(0 0 12px rgba(235,0,31,.30))}
.hero-flame-field .flame{position:absolute;bottom:50px;width:74px;height:155px;border-radius:52% 48% 58% 42% / 72% 72% 28% 28%;transform-origin:50% 100%;background:radial-gradient(ellipse at 50% 78%,rgba(255,255,255,.80) 0 7%,rgba(255,70,92,.78) 8% 28%,rgba(225,0,28,.50) 40%,rgba(120,0,14,.12) 68%,transparent 73%);filter:blur(1.2px);opacity:.58;mix-blend-mode:screen;animation:flameFlicker 1.35s ease-in-out infinite alternate}
.hero-flame-field .f1{left:8%;height:128px;animation-delay:-.8s}.hero-flame-field .f2{left:22%;height:185px;width:82px;animation-delay:-.2s}.hero-flame-field .f3{left:37%;height:145px;width:68px;animation-delay:-1.1s}.hero-flame-field .f4{left:52%;height:205px;width:90px;animation-delay:-.55s}.hero-flame-field .f5{left:66%;height:158px;width:76px;animation-delay:-1.25s}.hero-flame-field .f6{left:78%;height:188px;width:70px;animation-delay:-.4s}.hero-flame-field .f7{left:87%;height:122px;width:62px;animation-delay:-.95s}
@keyframes flameFlicker{0%{transform:translateY(9px) scaleX(.86) rotate(-3deg);opacity:.35}35%{transform:translateY(-5px) scaleX(1.08) rotate(2deg);opacity:.68}70%{transform:translateY(-13px) scaleX(.94) rotate(-1deg);opacity:.50}100%{transform:translateY(-20px) scaleX(1.04) rotate(3deg);opacity:.75}}
.hero-identity-link .hero-emblem-ring,.hero-identity-link .identity-card{position:relative;z-index:3}
.hero-identity-link .hero-emblem{animation:logoLiveGlow 2.1s ease-in-out infinite}
@keyframes logoLiveGlow{0%,100%{box-shadow:0 24px 70px rgba(17,17,17,.30),0 0 0 9px rgba(255,255,255,.08),0 0 22px rgba(255,255,255,.12)}50%{box-shadow:0 24px 70px rgba(17,17,17,.30),0 0 0 10px rgba(255,255,255,.15),0 0 45px rgba(255,30,58,.56)}}
.identity-card{animation:cardBreathGlow 3.2s ease-in-out infinite}
@keyframes cardBreathGlow{0%,100%{border-color:rgba(255,255,255,.17);box-shadow:0 18px 48px rgba(17,17,17,.16)}50%{border-color:rgba(255,255,255,.40);box-shadow:0 20px 60px rgba(17,17,17,.18),0 0 28px rgba(255,35,61,.25)}}

@media(max-width:760px){
  .announcement-inner{height:36px!important}.welcome-marquee{font-size:9px;letter-spacing:.75px}
  .hero-flame-field{inset:-20px -18px 8px}.hero-flame-field .flame{bottom:30px;transform:scale(.82)}
}
@media(max-width:470px){
  .announcement-bar{display:block!important}.announcement-inner{grid-template-columns:auto 1fr!important}.announce-date{display:none!important}
  .welcome-marquee{font-size:8px;letter-spacing:.55px}.announce-badge{font-size:8px;padding:2px 6px}
  .hero-fire-bg:before{width:300px;height:210px;right:-12%;bottom:-70px}.hero-fire-bg:after{width:230px;height:160px}
  .hero-flame-field .f1,.hero-flame-field .f3,.hero-flame-field .f7{display:none}
}
@media(prefers-reduced-motion:reduce){
  .announcement-bar:before,.hero-fire-bg:before,.hero-fire-bg:after,.ember,.hero-flame-field .flame,.hero-emblem,.identity-card{animation:none!important}
}

/* =========================================================
   V4 - FIX POSISI LOGO + KARTU HERO
   Logo selalu tepat di tengah atas kartu, desktop & HP.
   ========================================================= */
.hero-identity-wrap,
.hero-identity-link{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-height:490px;
}
.hero-identity-link .hero-emblem-ring{
  position:absolute!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  margin-left:-155px!important;
}
.hero-identity-link .identity-card{
  position:relative!important;
  width:min(100%,380px)!important;
  margin:214px auto 0!important;
  align-self:center!important;
}
.hero-identity-link .hero-click-hint{
  left:50%!important;
}
.hero-identity-link .hero-flame-field{
  left:50%!important;
  right:auto!important;
  width:min(460px,100vw)!important;
  transform:translateX(-50%);
}

@media(max-width:760px){
  .hero-identity-wrap,
  .hero-identity-link{min-height:400px!important;width:100%!important}
  .hero-identity-link .hero-emblem-ring{
    top:0!important;
    left:50%!important;
    margin-left:-122.5px!important;
  }
  .hero-identity-link .identity-card{
    width:min(100%,370px)!important;
    margin:155px auto 0!important;
  }
  .hero-identity-link .hero-flame-field{
    width:min(420px,100vw)!important;
  }
}
@media(max-width:470px){
  .hero-identity-wrap,
  .hero-identity-link{min-height:365px!important}
  .hero-identity-link .identity-card{
    width:calc(100% - 8px)!important;
    max-width:350px!important;
    margin:145px auto 0!important;
  }
}


/* =========================================================
   V5 - PORTAL PEMERINTAH MODERN / CINEMATIC OPENING
   Inspirasi nuansa portal resmi: opening, reveal, parallax,
   header dinamis. Tetap ringan dan tanpa library eksternal.
   ========================================================= */
body.home-page{overflow-x:hidden}
body.portal-loading{overflow:hidden}
.portal-loader{
  position:fixed;inset:0;z-index:999999;
  display:grid;place-items:center;overflow:hidden;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.11),transparent 24%),
    radial-gradient(circle at 82% 78%,rgba(255,255,255,.08),transparent 24%),
    linear-gradient(135deg,#090909 0 12%,#a90016 12% 46%,#df001d 46% 100%);
  color:#fff;transition:opacity .65s ease,visibility .65s ease,transform .75s cubic-bezier(.2,.8,.2,1)
}
.portal-loader:before,.portal-loader:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;pointer-events:none}
.portal-loader:before{width:520px;height:520px;left:-180px;top:-220px;animation:portalRing 6s linear infinite}
.portal-loader:after{width:720px;height:720px;right:-330px;bottom:-360px;animation:portalRing 8s linear infinite reverse}
.portal-loader.is-hidden{opacity:0;visibility:hidden;transform:scale(1.045);pointer-events:none}
.portal-loader-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;animation:portalGlow 2.4s ease-in-out infinite alternate}
.portal-loader-glow.glow-a{width:280px;height:280px;background:#ff3150;left:9%;bottom:4%}
.portal-loader-glow.glow-b{width:320px;height:320px;background:#fff;right:8%;top:-8%;opacity:.12;animation-delay:-1.1s}
.portal-loader-inner{position:relative;z-index:4;text-align:center;width:min(92vw,620px);padding:34px 24px;animation:portalIntro .85s cubic-bezier(.2,.8,.2,1) both}
.portal-loader-logo{width:112px;height:112px;margin:0 auto 22px;padding:10px;border-radius:30px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.30),0 0 0 8px rgba(255,255,255,.08);animation:portalLogoPulse 1.65s ease-in-out infinite}
.portal-loader-logo img{width:100%;height:100%;object-fit:contain;border-radius:20px}
.portal-loader-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:4px;color:rgba(255,255,255,.72);margin-bottom:10px}
.portal-loader h2{font-size:clamp(30px,6vw,58px);line-height:1;margin:0;letter-spacing:-1.5px;text-shadow:0 14px 34px rgba(0,0,0,.24)}
.portal-loader p{font-size:clamp(13px,2vw,18px);font-weight:900;letter-spacing:2.5px;margin:10px 0 24px}
.portal-loader-line{width:min(320px,74vw);height:2px;margin:0 auto 16px;background:rgba(255,255,255,.20);overflow:hidden;border-radius:20px}
.portal-loader-line i{display:block;width:44%;height:100%;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.8);animation:portalLoadBar 1.55s ease-in-out infinite}
.portal-loader small{display:block;font-size:10px;letter-spacing:1.25px;color:rgba(255,255,255,.7)}
@keyframes portalIntro{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes portalRing{to{transform:rotate(360deg)}}
@keyframes portalGlow{from{transform:translateY(14px) scale(.92)}to{transform:translateY(-12px) scale(1.08)}}
@keyframes portalLogoPulse{0%,100%{transform:translateY(0);box-shadow:0 22px 60px rgba(0,0,0,.30),0 0 0 8px rgba(255,255,255,.08)}50%{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,0,0,.32),0 0 0 13px rgba(255,255,255,.05),0 0 48px rgba(255,255,255,.25)}}
@keyframes portalLoadBar{0%{transform:translateX(-120%)}60%,100%{transform:translateX(330%)}}

/* header terasa seperti portal: transparan/rapi lalu mengunci saat scroll */
.home-page .site-header{transition:height .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease}
.home-page .site-header.is-scrolled{background:rgba(255,255,255,.985)!important;box-shadow:0 12px 38px rgba(17,17,17,.12)!important;border-bottom-color:rgba(17,17,17,.10)!important}
.home-page .site-header .nav-wrap{transition:height .3s ease}
.home-page .site-header.is-scrolled .nav-wrap{height:66px}
.main-nav a{position:relative;overflow:hidden}
.main-nav a:after{content:"";position:absolute;left:11px;right:11px;bottom:5px;height:2px;background:#d4001a;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.main-nav a:hover:after{transform:scaleX(1)}
.main-nav .nav-login:after{display:none}

/* hero cinematic */
.lux-hero{--mx:50%;--my:35%;isolation:isolate}
.lux-hero:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle 260px at var(--mx) var(--my),rgba(255,255,255,.13),transparent 72%);transition:background .08s linear}
.lux-hero-grid{position:relative;z-index:5}
.portal-grid-lines{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 74%,transparent 100%)}
.portal-light-sweep{position:absolute;z-index:2;top:-30%;left:-24%;width:35%;height:160%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);filter:blur(6px);transform:rotate(15deg);animation:portalSweep 7.5s ease-in-out infinite}
.portal-scanline{position:absolute;z-index:2;left:0;right:0;top:12%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);box-shadow:0 0 18px rgba(255,255,255,.22);opacity:.36;animation:portalScan 6s ease-in-out infinite}
@keyframes portalSweep{0%,18%{transform:translateX(-70vw) rotate(15deg);opacity:0}32%{opacity:1}58%{transform:translateX(155vw) rotate(15deg);opacity:.55}59%,100%{opacity:0}}
@keyframes portalScan{0%{top:10%;opacity:0}15%{opacity:.4}70%{top:80%;opacity:.18}100%{top:88%;opacity:0}}
.hero-orb{will-change:transform;transition:transform .12s linear}
.hero-identity-link,.lux-hero-copy{will-change:transform;transition:transform .18s ease-out}

.portal-scroll-cue{position:absolute;z-index:8;left:50%;bottom:30px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:rgba(255,255,255,.8);pointer-events:none}
.portal-scroll-cue span{width:20px;height:32px;border:1px solid rgba(255,255,255,.55);border-radius:20px;position:relative}
.portal-scroll-cue span:after{content:"";position:absolute;top:6px;left:50%;width:3px;height:7px;border-radius:4px;background:#fff;transform:translateX(-50%);animation:portalMouse 1.6s ease-in-out infinite}
.portal-scroll-cue small{font-size:7px;letter-spacing:2.4px;font-weight:900}
@keyframes portalMouse{0%{transform:translate(-50%,0);opacity:0}25%{opacity:1}80%{transform:translate(-50%,11px);opacity:.2}100%{opacity:0}}

/* elemen muncul halus saat scroll */
.js-reveal{opacity:0;transform:translateY(34px);filter:blur(4px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1),filter .75s ease}
.js-reveal.is-visible{opacity:1;transform:none;filter:none}
.js-reveal[data-delay="1"]{transition-delay:.08s}.js-reveal[data-delay="2"]{transition-delay:.16s}.js-reveal[data-delay="3"]{transition-delay:.24s}.js-reveal[data-delay="4"]{transition-delay:.32s}
.service-lux-card.js-reveal.is-visible:hover{transform:translateY(-8px)}

/* efek garis merah saat section masuk viewport */
.section-head.luxe-head{position:relative}
.section-head.luxe-head:after{content:"";display:block;width:72px;height:3px;margin:20px auto 0;border-radius:10px;background:linear-gradient(90deg,#111 0 22%,#d4001a 22% 100%);transform:scaleX(.25);opacity:.45;transition:.8s ease}
.section-head.luxe-head.is-visible:after{transform:scaleX(1);opacity:1}

@media(max-width:900px){
  .portal-scroll-cue{display:none}
  .portal-grid-lines{background-size:52px 52px;opacity:.14}
}
@media(max-width:760px){
  .portal-loader-logo{width:94px;height:94px;border-radius:26px}
  .portal-loader-inner{padding-inline:18px}
  .portal-loader:before{width:360px;height:360px;left:-180px;top:-170px}.portal-loader:after{width:460px;height:460px;right:-250px;bottom:-230px}
  .portal-loader p{letter-spacing:1.35px}
  .portal-light-sweep{width:60%;opacity:.65}
  .home-page .site-header.is-scrolled .nav-wrap{height:68px}
}
@media(prefers-reduced-motion:reduce){
  .portal-loader:before,.portal-loader:after,.portal-loader-glow,.portal-loader-logo,.portal-loader-line i,.portal-light-sweep,.portal-scanline,.portal-scroll-cue span:after{animation:none!important}
  .js-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
}

/* =========================================================
   V6 - GEOMETRIC NETWORK / GARIS SIMETRIS
   Tipis, elegan, responsif dan ringan.
   ========================================================= */
.hero-geometry{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  overflow:hidden;
}
.geo-network{
  position:absolute;
  overflow:visible;
  opacity:.52;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.12));
  transform-origin:center;
  will-change:transform;
}
.geo-network-main{
  width:min(520px,44vw);
  height:auto;
  right:2.5%;
  top:50%;
  transform:translateY(-50%);
  animation:geoFloatMain 7.2s ease-in-out infinite;
}
.geo-network-side{
  width:min(290px,28vw);
  height:auto;
  right:-5%;
  top:2%;
  opacity:.25;
  transform:rotate(13deg);
  animation:geoFloatSide 9s ease-in-out infinite reverse;
}
.geo-lines line{
  stroke:rgba(255,255,255,.34);
  stroke-width:1;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-dasharray:5 8;
  animation:geoDash 8s linear infinite;
}
.geo-lines line:nth-child(3n){animation-duration:11s;animation-direction:reverse}
.geo-lines .geo-faint{stroke:rgba(255,255,255,.16)}
.geo-nodes circle{
  fill:rgba(255,255,255,.92);
  stroke:rgba(255,255,255,.28);
  stroke-width:4;
  vector-effect:non-scaling-stroke;
  transform-box:fill-box;
  transform-origin:center;
  animation:geoNodePulse 2.8s ease-in-out infinite;
}
.geo-nodes circle:nth-child(2n){animation-delay:-.9s}
.geo-nodes circle:nth-child(3n){animation-delay:-1.7s}
.geo-nodes .geo-node-core{
  fill:#fff;
  stroke:rgba(255,255,255,.18);
  filter:drop-shadow(0 0 9px rgba(255,255,255,.85));
  animation-duration:2s;
}
@keyframes geoDash{to{stroke-dashoffset:-52}}
@keyframes geoNodePulse{0%,100%{opacity:.64;transform:scale(.82)}50%{opacity:1;transform:scale(1.22)}}
@keyframes geoFloatMain{0%,100%{transform:translateY(-50%) translate3d(0,0,0) rotate(0)}50%{transform:translateY(-50%) translate3d(-8px,-10px,0) rotate(.8deg)}}
@keyframes geoFloatSide{0%,100%{transform:translate3d(0,0,0) rotate(13deg)}50%{transform:translate3d(-10px,12px,0) rotate(10deg)}}

/* Pastikan konten utama tetap di atas dekorasi */
.lux-hero-grid{z-index:6}
.portal-scroll-cue{z-index:9}

@media(max-width:980px){
  .geo-network-main{width:min(460px,54vw);right:-5%;opacity:.44}
  .geo-network-side{width:230px;right:-9%;top:5%;opacity:.18}
}
@media(max-width:760px){
  .hero-geometry{opacity:.82}
  .geo-network-main{
    width:390px;
    max-width:96vw;
    right:50%;
    top:61%;
    transform:translate(50%,-50%);
    opacity:.34;
    animation:geoFloatMobile 7.2s ease-in-out infinite;
  }
  .geo-network-side{width:210px;right:-70px;top:4%;opacity:.13}
  .geo-lines line{stroke-width:.85;stroke:rgba(255,255,255,.28)}
  .geo-nodes circle{stroke-width:3}
}
@media(max-width:470px){
  .geo-network-main{width:340px;top:63%;opacity:.30}
  .geo-network-side{width:180px;right:-72px;top:8%;opacity:.10}
}
@keyframes geoFloatMobile{
  0%,100%{transform:translate(50%,-50%) translate3d(0,0,0) rotate(0)}
  50%{transform:translate(50%,-50%) translate3d(0,-8px,0) rotate(.7deg)}
}
@media(prefers-reduced-motion:reduce){
  .geo-network,.geo-lines line,.geo-nodes circle{animation:none!important}
}

/* =========================================================
   V7 - CINEMATIC PREMIUM
   Aurora merah, light beam, partikel, moving border glow,
   depth/parallax ringan. Fokus: megah tetapi tetap ringan.
   ========================================================= */
.home-page .lux-hero{
  min-height:700px;
  background:
    radial-gradient(circle at 70% 18%,rgba(255,255,255,.10),transparent 22%),
    radial-gradient(circle at 12% 78%,rgba(0,0,0,.16),transparent 32%),
    linear-gradient(120deg,#8e0012 0%,#c90019 42%,#ed1230 100%)!important;
}

/* Api lama dipertahankan sangat tipis supaya yang dominan cahaya cinematic */
.home-page .hero-fire-bg{opacity:.30;mix-blend-mode:screen}
.home-page .hero-flame-field{opacity:.22;filter:blur(.8px) drop-shadow(0 0 9px rgba(235,0,31,.20))}
.home-page .hero-flame-field .flame{animation-duration:2.4s}

.cinematic-atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;isolation:isolate}
.cinematic-atmosphere .aurora{
  position:absolute;border-radius:50%;filter:blur(72px);opacity:.34;mix-blend-mode:screen;
  will-change:transform,opacity;animation:cinematicAurora 12s ease-in-out infinite alternate;
}
.cinematic-atmosphere .aurora-a{width:560px;height:340px;left:-120px;top:12%;background:radial-gradient(circle,#ff7081 0,#ff1433 34%,rgba(255,0,39,.08) 72%);animation-delay:-2s}
.cinematic-atmosphere .aurora-b{width:660px;height:360px;right:-180px;bottom:-20px;background:radial-gradient(circle,#fff 0 4%,#ff536a 18%,rgba(255,8,40,.12) 66%,transparent 78%);opacity:.24;animation-delay:-7s}
.cinematic-atmosphere .aurora-c{width:380px;height:280px;left:42%;top:8%;background:radial-gradient(circle,rgba(255,255,255,.8),rgba(255,84,106,.28) 30%,transparent 72%);opacity:.18;animation-duration:15s}
@keyframes cinematicAurora{
  0%{transform:translate3d(-4%,4%,0) scale(.92) rotate(-4deg);opacity:.18}
  45%{transform:translate3d(7%,-6%,0) scale(1.08) rotate(3deg);opacity:.40}
  100%{transform:translate3d(-2%,-10%,0) scale(1.02) rotate(-2deg);opacity:.27}
}

.cinematic-atmosphere .light-beam{
  position:absolute;top:-35%;height:175%;width:170px;opacity:.11;filter:blur(5px);
  background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.05) 18%,rgba(255,255,255,.42) 50%,rgba(255,255,255,.05) 82%,transparent 100%);
  transform:rotate(17deg);mix-blend-mode:screen;will-change:transform,opacity;
}
.cinematic-atmosphere .beam-a{left:18%;animation:beamDrift 10s ease-in-out infinite}
.cinematic-atmosphere .beam-b{right:8%;width:120px;opacity:.07;animation:beamDrift 13s ease-in-out -5s infinite reverse}
@keyframes beamDrift{0%,100%{transform:translateX(-70px) rotate(17deg);opacity:.04}50%{transform:translateX(120px) rotate(17deg);opacity:.18}}

.cinematic-particles{position:absolute;inset:0;overflow:hidden}
.cinematic-particles i{position:absolute;bottom:-18px;width:4px;height:4px;border-radius:50%;background:#fff;opacity:0;box-shadow:0 0 8px rgba(255,255,255,.95),0 0 18px rgba(255,25,55,.75);animation:premiumParticle 8s linear infinite}
.cinematic-particles .p1{left:6%;animation-delay:-1s}.cinematic-particles .p2{left:14%;width:2px;height:2px;animation-delay:-5s}.cinematic-particles .p3{left:24%;animation-delay:-3.4s}.cinematic-particles .p4{left:34%;width:3px;height:3px;animation-delay:-6.2s}.cinematic-particles .p5{left:43%;animation-delay:-2.2s}.cinematic-particles .p6{left:52%;width:2px;height:2px;animation-delay:-7.2s}.cinematic-particles .p7{left:61%;animation-delay:-4.4s}.cinematic-particles .p8{left:70%;width:3px;height:3px;animation-delay:-.4s}.cinematic-particles .p9{left:79%;width:2px;height:2px;animation-delay:-5.8s}.cinematic-particles .p10{left:86%;animation-delay:-2.8s}.cinematic-particles .p11{left:92%;width:3px;height:3px;animation-delay:-7.7s}.cinematic-particles .p12{left:97%;width:2px;height:2px;animation-delay:-4.9s}
@keyframes premiumParticle{0%{transform:translate3d(0,0,0) scale(.35);opacity:0}10%{opacity:.75}45%{transform:translate3d(22px,-260px,0) scale(1);opacity:.55}78%{transform:translate3d(-10px,-500px,0) scale(.7);opacity:.24}100%{transform:translate3d(18px,-760px,0) scale(.2);opacity:0}}

/* Judul hero lebih bercahaya */
.home-page .lux-hero-copy h1{position:relative;text-shadow:0 16px 36px rgba(0,0,0,.22)}
.home-page .lux-hero-copy h1 span{color:#fff!important;background:linear-gradient(90deg,#fff 0,#ffdbe0 42%,#fff 72%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleShimmer 7s ease-in-out infinite}
@keyframes titleShimmer{0%,62%{background-position:120% center}82%,100%{background-position:-120% center}}

/* Border cahaya bergerak mengelilingi kartu identitas */
.home-page .identity-card{position:relative!important;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.25)!important;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.08))!important;backdrop-filter:blur(14px)}
.home-page .identity-card:before{
  content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;z-index:-2;
  background:conic-gradient(from var(--glow-angle,0deg),transparent 0 25%,rgba(255,255,255,.92) 34%,rgba(255,58,82,.90) 39%,transparent 49% 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:cardBorderSpin 5s linear infinite;opacity:.9;
}
.home-page .identity-card:after{content:"";position:absolute;inset:1px;border-radius:inherit;z-index:-1;background:radial-gradient(circle at 48% 15%,rgba(255,255,255,.12),transparent 38%),linear-gradient(150deg,rgba(224,0,28,.16),rgba(255,255,255,.02));pointer-events:none}
@property --glow-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes cardBorderSpin{to{--glow-angle:360deg}}

/* Logo terasa lebih premium */
.home-page .hero-emblem-ring:before,.home-page .hero-emblem-ring:after{content:"";position:absolute;inset:24px;border-radius:50%;border:1px solid rgba(255,255,255,.20);pointer-events:none;animation:premiumHalo 3.8s ease-out infinite}
.home-page .hero-emblem-ring:after{inset:4px;animation-delay:-1.9s;opacity:.55}
@keyframes premiumHalo{0%{transform:scale(.72);opacity:0}30%{opacity:.5}100%{transform:scale(1.18);opacity:0}}
.home-page .hero-emblem{box-shadow:0 24px 80px rgba(0,0,0,.28),0 0 0 9px rgba(255,255,255,.08),0 0 48px rgba(255,255,255,.18)!important}

/* Network V6 dibuat lebih halus supaya tidak berebut perhatian */
.home-page .geo-network-main{opacity:.34}
.home-page .geo-network-side{opacity:.14}
.home-page .geo-lines line{stroke:rgba(255,255,255,.26)}
.home-page .geo-lines .geo-faint{stroke:rgba(255,255,255,.11)}

/* Depth untuk tombol/kartu layanan */
.home-page .btn,.home-page .quick-item,.home-page .service-lux-card{position:relative;overflow:hidden}
.home-page .btn:before,.home-page .quick-item:before,.home-page .service-lux-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 130px at var(--hx,50%) var(--hy,50%),rgba(255,255,255,.18),transparent 72%);opacity:0;transition:opacity .25s ease}
.home-page .btn:hover:before,.home-page .quick-item:hover:before,.home-page .service-lux-card:hover:before{opacity:1}
.home-page .service-lux-card{transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out,box-shadow .3s ease,border-color .3s ease}
.home-page .service-lux-card>*{position:relative;z-index:1}

/* Section divider halus, membuat halaman terasa menyambung */
.home-page .intro-section,.home-page .service-lux-section,.home-page .village-banner-section{position:relative}
.home-page .intro-section:before,.home-page .service-lux-section:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,0,26,.35),rgba(17,17,17,.15),rgba(212,0,26,.35),transparent);background-size:220% 100%;animation:dividerFlow 8s linear infinite}
@keyframes dividerFlow{to{background-position:220% 0}}

/* Header lebih berkelas ketika scroll */
.home-page .site-header.is-scrolled{box-shadow:0 14px 42px rgba(17,17,17,.14),0 1px 0 rgba(212,0,26,.12)!important}
.home-page .site-header.is-scrolled .brand-mark{box-shadow:0 6px 22px rgba(212,0,26,.18)}

@media(max-width:900px){
  .home-page .lux-hero{min-height:auto}
  .cinematic-atmosphere .aurora-a{width:430px;height:290px;left:-180px}.cinematic-atmosphere .aurora-b{width:470px;height:310px;right:-200px}
  .cinematic-atmosphere .beam-b{display:none}
}
@media(max-width:760px){
  .cinematic-atmosphere .light-beam{width:90px;opacity:.07}
  .cinematic-particles i:nth-child(2n){display:none}
  .home-page .geo-network-main{opacity:.23}.home-page .geo-network-side{opacity:.08}
  .home-page .hero-flame-field{opacity:.12}
  .home-page .identity-card:before{animation-duration:7s}
}
@media(max-width:470px){
  .cinematic-atmosphere .aurora{filter:blur(56px)}
  .cinematic-atmosphere .aurora-c{display:none}
  .cinematic-particles i:nth-child(3n){display:none}
}
@media(prefers-reduced-motion:reduce){
  .cinematic-atmosphere .aurora,.cinematic-atmosphere .light-beam,.cinematic-particles i,.home-page .lux-hero-copy h1 span,.home-page .identity-card:before,.home-page .hero-emblem-ring:before,.home-page .hero-emblem-ring:after,.home-page .intro-section:before,.home-page .service-lux-section:before{animation:none!important}
}


/* V9 - FOTO KEPALA DESA SIDAS DIPERBESAR & DIHALUSKAN */
.leader-photo-kades{background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.18),transparent 34%),linear-gradient(165deg,#d9001b,#8f0012);align-items:end;padding:0;overflow:hidden;min-height:420px!important}
.leader-photo-kades:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 28%);z-index:1;pointer-events:none}
.leader-photo-kades:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.20));z-index:2;pointer-events:none}
.leader-photo-kades img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 10%!important;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;position:relative;z-index:1;transform:scale(1.08)}
.profil-kades-section{padding-top:58px;padding-bottom:18px}
.profil-kades-card{display:grid;grid-template-columns:minmax(320px,.9fr) 1.1fr;min-height:520px;border-radius:32px;overflow:hidden;background:#fff;border:1px solid rgba(17,17,17,.09);box-shadow:0 24px 70px rgba(17,17,17,.10)}
.profil-kades-photo{min-height:520px;position:relative;background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.16),transparent 34%),linear-gradient(160deg,#e2001c,#910012);overflow:hidden}
.profil-kades-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 30%);pointer-events:none;z-index:1}
.profil-kades-photo:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.22));pointer-events:none;z-index:2}
.profil-kades-photo img{width:100%;height:100%;object-fit:cover;object-position:center 10%;display:block;transform:scale(1.08)}
.profil-kades-copy{padding:58px 54px;align-self:center}
.profil-kades-copy h2{font-size:38px;line-height:1.05;margin:10px 0 5px;color:#111;letter-spacing:-1px}
.profil-kades-copy h4{margin:0 0 22px;color:#d4001a;font-size:14px;text-transform:uppercase;letter-spacing:1.5px}
.profil-kades-copy p{font-size:15px;line-height:1.8;color:#625b5b;margin:0;max-width:680px}
.profil-kades-sign{margin-top:26px;padding-top:18px;border-top:1px solid #eee;font-size:11px;line-height:1.7;text-transform:uppercase;letter-spacing:1px;color:#888}
.profil-kades-sign b{font-size:13px;color:#111}
@media(max-width:760px){
  .leader-photo-kades{min-height:360px!important}
  .leader-photo-kades img{object-position:center 8%!important;transform:scale(1.06)}
  .profil-kades-card{grid-template-columns:1fr;min-height:0;border-radius:24px}
  .profil-kades-photo{min-height:440px}
  .profil-kades-photo img{object-position:center 8%;transform:scale(1.05)}
  .profil-kades-copy{padding:32px 26px}
  .profil-kades-copy h2{font-size:30px}
}
@media(max-width:470px){
  .leader-photo-kades{min-height:325px!important}
  .profil-kades-photo{min-height:385px}
}

/* V11 CLEAN - KADES PROPORSIONAL, TANPA BANNER BESAR */
.intro-grid{grid-template-columns:1fr 1fr;gap:54px}
.leader-card{grid-template-columns:.9fr 1.1fr;min-height:390px;border-radius:28px}
.leader-photo-kades{min-height:390px!important}
.leader-photo-kades img{object-position:center 9%!important;transform:scale(1.035)!important}
.leader-body{padding:38px 30px}
.leader-body h3{font-size:27px;margin-bottom:14px}
.leader-body p{font-size:13.5px;line-height:1.72}
.profil-kades-card{grid-template-columns:minmax(300px,.85fr) 1.15fr;min-height:480px}
.profil-kades-photo{min-height:480px}
.profil-kades-photo img{object-position:center 9%;transform:scale(1.035)}
@media(max-width:980px){.intro-grid{grid-template-columns:1fr;gap:36px}.leader-card{max-width:760px}}
@media(max-width:760px){
  .leader-card{grid-template-columns:1fr;min-height:0}
  .leader-photo-kades{min-height:320px!important}
  .leader-photo-kades img{object-position:center 8%!important;transform:scale(1.025)!important}
  .leader-body{padding:28px 24px}
  .profil-kades-card{grid-template-columns:1fr;min-height:0}
  .profil-kades-photo{min-height:390px}
  .profil-kades-photo img{object-position:center 8%;transform:scale(1.025)}
}
@media(max-width:470px){
  .leader-photo-kades{min-height:295px!important}
  .profil-kades-photo{min-height:350px}
}

/* V12 - FOTO KADES LEBIH BESAR & DOMINAN */
@media(min-width:981px){
  .intro-grid{grid-template-columns:.82fr 1.18fr;gap:48px}
  .leader-card{grid-template-columns:1.28fr .72fr;min-height:470px;max-width:none}
  .leader-photo-kades{min-height:470px!important}
  .leader-photo-kades img{transform:scale(1.14)!important;object-position:center 7%!important}
  .leader-body{padding:44px 28px}
  .leader-body h3{font-size:28px}

  .profil-kades-card{grid-template-columns:1.12fr .88fr;min-height:580px}
  .profil-kades-photo{min-height:580px}
  .profil-kades-photo img{transform:scale(1.12)!important;object-position:center 7%!important}
}
@media(max-width:980px) and (min-width:761px){
  .leader-card{max-width:820px;grid-template-columns:1.12fr .88fr;min-height:445px}
  .leader-photo-kades{min-height:445px!important}
  .leader-photo-kades img{transform:scale(1.11)!important;object-position:center 7%!important}
  .profil-kades-photo{min-height:520px}
  .profil-kades-photo img{transform:scale(1.09)!important;object-position:center 7%!important}
}
@media(max-width:760px){
  .leader-card{grid-template-columns:1fr!important}
  .leader-photo-kades{min-height:405px!important}
  .leader-photo-kades img{transform:scale(1.10)!important;object-position:center 6%!important}
  .leader-body{padding:30px 26px}
  .profil-kades-photo{min-height:455px!important}
  .profil-kades-photo img{transform:scale(1.08)!important;object-position:center 6%!important}
}
@media(max-width:470px){
  .leader-photo-kades{min-height:365px!important}
  .profil-kades-photo{min-height:415px!important}
}


/* V13 - KADES FULL PANEL + CACHE FIX */
.leader-photo-kades,.profil-kades-photo{position:relative!important;overflow:hidden!important;padding:0!important}
.leader-photo-kades .kades-full-photo,.profil-kades-photo .kades-full-photo{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;object-position:center 10%!important;transform:scale(1.04)!important;
  border-radius:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;
}
@media(min-width:981px){
  .leader-card{grid-template-columns:1.38fr .62fr!important;min-height:500px!important}
  .leader-photo-kades{min-height:500px!important}
  .leader-photo-kades .kades-full-photo{transform:scale(1.07)!important;object-position:center 9%!important}
  .profil-kades-card{grid-template-columns:1.2fr .8fr!important;min-height:610px!important}
  .profil-kades-photo{min-height:610px!important}
  .profil-kades-photo .kades-full-photo{transform:scale(1.07)!important;object-position:center 9%!important}
}
@media(max-width:980px) and (min-width:761px){
  .leader-card{grid-template-columns:1.22fr .78fr!important;min-height:470px!important}
  .leader-photo-kades{min-height:470px!important}
  .leader-photo-kades .kades-full-photo{transform:scale(1.06)!important;object-position:center 8%!important}
}
@media(max-width:760px){
  .leader-photo-kades{min-height:440px!important}
  .leader-photo-kades .kades-full-photo{transform:scale(1.03)!important;object-position:center 8%!important}
  .profil-kades-photo{min-height:485px!important}
  .profil-kades-photo .kades-full-photo{transform:scale(1.03)!important;object-position:center 8%!important}
}
@media(max-width:470px){
  .leader-photo-kades{min-height:395px!important}
  .profil-kades-photo{min-height:445px!important}
}

/* V14 - SINKRONISASI FOTO & TEKS KEPALA DESA */
@media(min-width:981px){
  .intro-grid{grid-template-columns:.72fr 1.28fr!important;gap:48px!important;align-items:center!important}
  .leader-card{
    grid-template-columns:1.16fr .84fr!important;
    min-height:500px!important;
    max-width:none!important;
    align-items:stretch!important;
  }
  .leader-photo-kades{min-height:500px!important}
  .leader-photo-kades .kades-full-photo{
    transform:scale(1.055)!important;
    object-position:center 9%!important;
  }
  .leader-body{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    padding:50px 38px!important;
    min-width:0!important;
  }
  .leader-label{margin-bottom:12px!important}
  .leader-body h3{
    font-size:31px!important;
    line-height:1.08!important;
    margin:0 0 18px!important;
    letter-spacing:-.6px!important;
    white-space:nowrap!important;
  }
  .leader-body p{
    font-size:15px!important;
    line-height:1.78!important;
    margin:0 0 22px!important;
    max-width:310px!important;
  }
  .leader-sign{margin-top:0!important}
}
@media(max-width:980px) and (min-width:761px){
  .leader-card{grid-template-columns:1.08fr .92fr!important;min-height:470px!important}
  .leader-body{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:40px 34px!important}
  .leader-body h3{font-size:29px!important;line-height:1.1!important;margin-bottom:16px!important;white-space:nowrap!important}
  .leader-body p{font-size:14.5px!important;line-height:1.75!important}
}
@media(max-width:760px){
  .leader-card{grid-template-columns:1fr!important}
  .leader-body{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:32px 28px 34px!important}
  .leader-body h3{font-size:29px!important;line-height:1.08!important;margin-bottom:14px!important}
  .leader-body p{font-size:14.5px!important;line-height:1.72!important;max-width:540px!important}
}


/* V15 - OFFICIAL PORTRAIT SECTION KADES */
.leader-card-official,
.profil-kades-official{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#fff 0%,#fffdfd 55%,#fff6f7 100%)!important;
  border:1px solid rgba(213,0,28,.10)!important;
  box-shadow:0 28px 72px rgba(17,17,17,.09)!important;
}
.leader-card-official:before,
.profil-kades-official:before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  left:-160px;
  top:-100px;
  background:radial-gradient(circle,rgba(213,0,28,.16),transparent 68%);
  pointer-events:none;
}
.leader-card-official:after,
.profil-kades-official:after{
  content:"";
  position:absolute;
  left:34px;
  right:34px;
  bottom:20px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(213,0,28,.95),rgba(213,0,28,.35),transparent 82%);
  pointer-events:none;
}
.leader-card-official .leader-deco{display:none!important}

.leader-photo-kades-official,
.profil-kades-photo-official{
  position:relative!important;
  min-height:540px!important;
  background:transparent!important;
  overflow:visible!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:28px 10px 0 18px!important;
}
.leader-photo-kades-official:before,
.profil-kades-photo-official:before{
  content:"";
  position:absolute;
  inset:26px 30px 28px 14px;
  border-radius:36px 120px 42px 42px;
  background:linear-gradient(160deg,#d7001c 0%,#ff3350 58%,#b10016 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 22px 45px rgba(213,0,28,.22);
}
.leader-photo-kades-official:after,
.profil-kades-photo-official:after{
  content:"";
  position:absolute;
  width:78%;
  height:78%;
  left:8%;
  bottom:6%;
  border-radius:32px 100px 36px 36px;
  border:1px solid rgba(255,255,255,.18);
  pointer-events:none;
}
.leader-photo-kades-official .kades-full-photo,
.profil-kades-photo-official .kades-full-photo{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  height:98%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:none!important;
  z-index:2!important;
  border-radius:0!important;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.16));
}
.leader-card-official{
  grid-template-columns:minmax(360px,.94fr) 1.06fr!important;
  min-height:540px!important;
}
.leader-card-official .leader-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:58px 52px 56px 14px!important;
  min-width:0!important;
}
.leader-card-official .leader-label{
  margin:0 0 12px!important;
  color:#d5001c!important;
  letter-spacing:2.2px!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}
.leader-card-official .leader-body h3{
  margin:0 0 18px!important;
  font-size:46px!important;
  line-height:1.02!important;
  letter-spacing:-1px!important;
  color:#111!important;
  white-space:nowrap!important;
}
.leader-card-official .leader-body p{
  margin:0 0 18px!important;
  font-size:18px!important;
  line-height:1.85!important;
  color:#5f5252!important;
  max-width:420px!important;
  font-style:italic!important;
}
.leader-card-official .leader-sign{
  margin-top:6px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(17,17,17,.08)!important;
  color:#a48d8f!important;
  font-size:12px!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  width:100%!important;
  max-width:340px!important;
}

.profil-kades-official{
  grid-template-columns:minmax(380px,.95fr) 1.05fr!important;
  min-height:600px!important;
}
.profil-kades-official .profil-kades-copy{
  padding:64px 58px 62px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.profil-kades-official .profil-kades-copy h2{
  font-size:48px!important;
  line-height:1.02!important;
  margin:10px 0 8px!important;
  white-space:nowrap!important;
}
.profil-kades-official .profil-kades-copy h4{font-size:15px!important;margin-bottom:20px!important}
.profil-kades-official .profil-kades-copy p{font-size:18px!important;line-height:1.9!important;max-width:560px!important;color:#5f5252!important}
.profil-kades-official .profil-kades-sign{
  width:100%!important;
  max-width:360px!important;
  margin-top:26px!important;
}

@media(max-width:1100px){
  .leader-card-official{grid-template-columns:minmax(320px,.9fr) 1.1fr!important;min-height:510px!important}
  .leader-card-official .leader-body{padding:50px 36px 50px 8px!important}
  .leader-card-official .leader-body h3{font-size:40px!important;white-space:normal!important}
  .leader-card-official .leader-body p{font-size:17px!important;max-width:360px!important}
  .profil-kades-official{grid-template-columns:minmax(340px,.92fr) 1.08fr!important;min-height:560px!important}
  .profil-kades-official .profil-kades-copy h2{font-size:42px!important;white-space:normal!important}
  .profil-kades-official .profil-kades-copy p{font-size:17px!important}
}
@media(max-width:760px){
  .leader-card-official,
  .profil-kades-official{grid-template-columns:1fr!important;min-height:0!important}
  .leader-photo-kades-official,
  .profil-kades-photo-official{min-height:470px!important;padding:22px 10px 0 10px!important}
  .leader-photo-kades-official:before,
  .profil-kades-photo-official:before{inset:18px 18px 20px 18px;border-radius:30px 80px 30px 30px}
  .leader-photo-kades-official:after,
  .profil-kades-photo-official:after{left:10%;width:80%;height:80%}
  .leader-photo-kades-official .kades-full-photo,
  .profil-kades-photo-official .kades-full-photo{height:100%!important;max-height:none!important}
  .leader-card-official .leader-body,
  .profil-kades-official .profil-kades-copy{padding:28px 26px 42px 26px!important}
  .leader-card-official .leader-body h3{font-size:34px!important;white-space:normal!important}
  .leader-card-official .leader-body p,
  .profil-kades-official .profil-kades-copy p{font-size:16px!important;line-height:1.8!important}
  .profil-kades-official .profil-kades-copy h2{font-size:36px!important;white-space:normal!important}
}
@media(max-width:470px){
  .leader-photo-kades-official,
  .profil-kades-photo-official{min-height:405px!important}
  .leader-card-official .leader-body h3{font-size:30px!important}
  .profil-kades-official .profil-kades-copy h2{font-size:31px!important}
}


/* V16 - REDESIGN SECTION KADES KHUSUS */
.intro-section-wide{padding-bottom:20px!important}
.intro-grid-single{display:block!important}
.intro-copy-wide{max-width:720px!important}

.kades-spotlight-section{padding-top:4px;padding-bottom:46px;position:relative;overflow:hidden}
.kades-spotlight-section:before{
  content:"";position:absolute;left:0;right:0;top:18%;height:240px;
  background:linear-gradient(90deg,rgba(213,0,28,.05),rgba(213,0,28,0));pointer-events:none;
}
.kades-spotlight-card{
  position:relative;display:grid;grid-template-columns:minmax(360px,.94fr) 1.06fr;gap:30px;align-items:center;
  background:linear-gradient(135deg,#ffffff 0%,#fffdfd 62%,#fff5f6 100%);
  border:1px solid rgba(213,0,28,.10);border-radius:34px;
  padding:28px 34px 28px 30px;box-shadow:0 26px 72px rgba(17,17,17,.08);overflow:hidden;
}
.kades-spotlight-card:before{
  content:"";position:absolute;left:26px;right:26px;bottom:18px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,rgba(213,0,28,.92),rgba(213,0,28,.30),transparent 85%);
}
.kades-spotlight-photo-wrap{position:relative;min-height:500px;display:flex;align-items:flex-end;justify-content:center}
.kades-spotlight-accent{
  position:absolute;inset:18px 12px 12px 0;border-radius:34px 100px 34px 34px;
  background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.18),transparent 28%),linear-gradient(160deg,#df001d 0%,#ff3150 55%,#a90015 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 22px 46px rgba(213,0,28,.18);
}
.kades-spotlight-accent:before{
  content:"";position:absolute;inset:18px 20px 20px 18px;border:1px solid rgba(255,255,255,.18);
  border-radius:28px 84px 26px 26px;
}
.kades-spotlight-photo{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:0 8px}
.kades-spotlight-photo img{
  width:auto;max-width:100%;height:490px;object-fit:contain;object-position:center bottom;display:block;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.15));
}
.kades-spotlight-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:10px 8px 10px 0}
.kades-spotlight-label{
  display:inline-block;margin-bottom:12px;color:#d5001c;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:2.2px;
}
.kades-spotlight-copy h2{
  margin:0 0 10px;font-size:48px;line-height:1.02;letter-spacing:-1px;color:#111;
}
.kades-spotlight-role{
  color:#b0898d;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;
}
.kades-spotlight-copy p{
  margin:0;max-width:500px;color:#5f5252;font-size:20px;line-height:1.9;font-style:italic;
}
.kades-spotlight-link{
  display:inline-flex;align-items:center;gap:8px;margin-top:26px;color:#d5001c;font-weight:800;text-decoration:none;
}
.kades-spotlight-link span{transition:transform .25s ease}
.kades-spotlight-link:hover span{transform:translateX(4px)}

@media(max-width:1100px){
  .kades-spotlight-card{grid-template-columns:minmax(300px,.92fr) 1.08fr;gap:22px;padding:24px 26px 24px 24px}
  .kades-spotlight-photo-wrap{min-height:450px}
  .kades-spotlight-photo img{height:435px}
  .kades-spotlight-copy h2{font-size:40px}
  .kades-spotlight-copy p{font-size:18px;line-height:1.8}
}
@media(max-width:760px){
  .kades-spotlight-section{padding-top:0;padding-bottom:38px}
  .kades-spotlight-card{grid-template-columns:1fr;gap:14px;padding:18px 18px 22px 18px;border-radius:26px}
  .kades-spotlight-photo-wrap{min-height:390px}
  .kades-spotlight-accent{inset:8px 6px 6px 6px;border-radius:28px 76px 26px 26px}
  .kades-spotlight-accent:before{inset:14px 14px 14px 14px;border-radius:24px 58px 22px 22px}
  .kades-spotlight-photo{padding:0 6px}
  .kades-spotlight-photo img{height:370px}
  .kades-spotlight-copy{padding:6px 8px 8px}
  .kades-spotlight-copy h2{font-size:34px}
  .kades-spotlight-copy p{font-size:16px;line-height:1.82;max-width:none}
}
@media(max-width:470px){
  .kades-spotlight-photo-wrap{min-height:340px}
  .kades-spotlight-photo img{height:325px}
  .kades-spotlight-copy h2{font-size:30px}
}


/* V17 - KADES CUTOUT TRANSPARAN MENYATU DENGAN TEMPLATE */
.kades-spotlight-photo-wrap{
  min-height:530px!important;
  overflow:visible!important;
}
.kades-spotlight-accent{
  left:3%!important;
  right:9%!important;
  top:34px!important;
  bottom:18px!important;
  border-radius:42px 120px 46px 42px!important;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.20),transparent 28%),
    linear-gradient(155deg,#e0001c 0%,#ef1733 56%,#a90015 100%)!important;
}
.kades-spotlight-photo{
  overflow:visible!important;
  padding:0 0!important;
}
.kades-spotlight-photo img{
  height:520px!important;
  width:auto!important;
  max-width:104%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:translateY(8px)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 22px 32px rgba(0,0,0,.18))!important;
}

/* Halaman profil: gunakan portrait transparan, bukan foto kotak */
.profil-kades-photo-official{
  background:transparent!important;
  overflow:visible!important;
  padding:28px 8px 0!important;
}
.profil-kades-photo-official:before{
  inset:28px 24px 20px 10px!important;
  border-radius:40px 110px 42px 38px!important;
  background:linear-gradient(155deg,#dd001c,#f0213b 58%,#a90015)!important;
}
.profil-kades-photo-official .kades-full-photo{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  height:570px!important;
  max-width:105%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:translateY(6px)!important;
  background:transparent!important;
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.18))!important;
}

@media(max-width:1100px){
  .kades-spotlight-photo-wrap{min-height:480px!important}
  .kades-spotlight-photo img{height:470px!important}
  .profil-kades-photo-official .kades-full-photo{height:515px!important}
}
@media(max-width:760px){
  .kades-spotlight-photo-wrap{min-height:430px!important}
  .kades-spotlight-accent{left:5%!important;right:5%!important;top:22px!important;bottom:12px!important}
  .kades-spotlight-photo img{height:420px!important;max-width:100%!important}
  .profil-kades-photo-official{padding-top:20px!important}
  .profil-kades-photo-official .kades-full-photo{height:455px!important;max-width:100%!important}
}
@media(max-width:470px){
  .kades-spotlight-photo-wrap{min-height:380px!important}
  .kades-spotlight-photo img{height:370px!important}
  .profil-kades-photo-official .kades-full-photo{height:405px!important}
}

/* V18 - KADES SALAM KOMANDO + TOPI PET */
.kades-spotlight-photo img{height:520px!important;max-width:100%!important;object-fit:contain!important;object-position:center bottom!important}
@media(max-width:1100px){.kades-spotlight-photo img{height:470px!important}}
@media(max-width:760px){.kades-spotlight-photo img{height:390px!important}}
@media(max-width:470px){.kades-spotlight-photo img{height:340px!important}}
.profil-kades-photo-official .kades-full-photo{height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center bottom!important}


/* V19 - SAMBUTAN KEPALA DESA + NAMA DI BAWAH FOTO */
.kades-sambutan-card{grid-template-columns:minmax(380px,.9fr) 1.1fr!important;gap:44px!important;padding:30px 44px 34px 30px!important;align-items:center!important}
.kades-spotlight-left{display:flex;flex-direction:column;min-width:0;align-items:center;position:relative;z-index:2}
.kades-sambutan-card .kades-spotlight-photo-wrap{width:100%;min-height:500px!important}
.kades-sambutan-card .kades-spotlight-photo img{height:500px!important}
.kades-nameplate{width:100%;text-align:center;padding:18px 16px 8px;position:relative;z-index:3}
.kades-nameplate h3{margin:0;color:#111;font-size:30px;line-height:1.05;letter-spacing:-.6px;font-weight:850}
.kades-nameplate span{display:block;margin-top:7px;color:#d5001c;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.kades-sambutan-copy{padding:12px 0!important}
.kades-sambutan-copy h2{font-size:42px!important;line-height:1.08!important;margin:0 0 14px!important;letter-spacing:-.8px!important;max-width:560px!important;color:#111!important}
.kades-sambutan-rule{width:74px;height:4px;border-radius:999px;background:#d5001c;margin:0 0 22px}
.kades-sambutan-copy p{font-size:16px!important;line-height:1.82!important;color:#625757!important;font-style:normal!important;max-width:620px!important;margin:0 0 14px!important;text-align:justify}
.kades-sambutan-copy p:first-of-type{font-weight:700;color:#3c3434;text-align:left}
.kades-sambutan-closing{font-weight:700!important;color:#3b3333!important;text-align:left!important}
.kades-sambutan-copy .kades-spotlight-link{margin-top:8px!important}

@media(max-width:1100px){
  .kades-sambutan-card{grid-template-columns:minmax(320px,.88fr) 1.12fr!important;gap:30px!important;padding:26px 30px 30px 24px!important}
  .kades-sambutan-card .kades-spotlight-photo-wrap{min-height:450px!important}
  .kades-sambutan-card .kades-spotlight-photo img{height:450px!important}
  .kades-nameplate h3{font-size:27px}
  .kades-sambutan-copy h2{font-size:36px!important}
  .kades-sambutan-copy p{font-size:15.5px!important;line-height:1.78!important}
}
@media(max-width:760px){
  .kades-sambutan-card{grid-template-columns:1fr!important;gap:10px!important;padding:18px 18px 28px!important}
  .kades-sambutan-card .kades-spotlight-photo-wrap{min-height:390px!important}
  .kades-sambutan-card .kades-spotlight-photo img{height:390px!important}
  .kades-nameplate{padding:14px 10px 20px}
  .kades-nameplate h3{font-size:28px}
  .kades-sambutan-copy{padding:8px 8px 0!important}
  .kades-sambutan-copy h2{font-size:32px!important}
  .kades-sambutan-copy p{font-size:15.5px!important;line-height:1.75!important;text-align:left}
}
@media(max-width:470px){
  .kades-sambutan-card .kades-spotlight-photo-wrap{min-height:345px!important}
  .kades-sambutan-card .kades-spotlight-photo img{height:345px!important}
  .kades-nameplate h3{font-size:25px}
  .kades-sambutan-copy h2{font-size:28px!important}
}


/* V21 - MOBILE HERO COMPACT FIX */
@media(max-width:760px){
  .home-page .lux-hero{min-height:auto!important;padding:0!important}
  .home-page .lux-hero-grid{
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:38px 0 62px!important;
  }
  .home-page .lux-hero-copy{text-align:center!important}
  .home-page .gov-chip{font-size:8px!important;padding:6px 10px!important;margin:0 auto!important}
  .home-page .lux-hero h1{
    font-size:40px!important;line-height:1.01!important;letter-spacing:-1.6px!important;
    margin:16px auto 14px!important;max-width:520px!important
  }
  .home-page .lux-hero-copy>p{
    font-size:13.5px!important;line-height:1.62!important;max-width:520px!important;margin:0 auto!important
  }
  .home-page .premium-actions{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;
    margin:20px 0 16px!important
  }
  .home-page .premium-actions .btn{
    width:100%!important;min-height:42px!important;padding:10px 9px!important;
    font-size:11px!important;border-radius:12px!important
  }
  .home-page .hero-trust{display:none!important}

  .home-page .hero-identity-wrap,
  .home-page .hero-identity-link{
    min-height:250px!important;width:100%!important;margin-top:0!important
  }
  .home-page .hero-identity-link .hero-emblem-ring{
    width:166px!important;height:166px!important;top:0!important;
    left:50%!important;margin-left:-83px!important
  }
  .home-page .hero-emblem-ring:before{inset:18px!important}
  .home-page .hero-emblem-ring:after{inset:38px!important}
  .home-page .hero-emblem{
    width:78px!important;height:78px!important;border-radius:20px!important;padding:7px!important;
    box-shadow:0 14px 38px rgba(17,17,17,.22),0 0 0 6px rgba(255,255,255,.08)!important
  }
  .home-page .hero-identity-link .identity-card{
    width:min(100%,310px)!important;max-width:310px!important;
    margin:98px auto 0!important;padding:18px 18px 16px!important;border-radius:20px!important
  }
  .home-page .identity-kicker{font-size:8px!important;letter-spacing:1.6px!important}
  .home-page .identity-card h2{font-size:23px!important;margin:5px 0 7px!important}
  .home-page .gold-rule{width:38px!important;margin-bottom:10px!important}
  .home-page .identity-card p{font-size:11px!important;line-height:1.52!important;margin-bottom:9px!important}
  .home-page .identity-cta{font-size:10px!important}
  .home-page .hero-click-hint{display:none!important}
  .home-page .hero-flame-field{opacity:.08!important;transform:translateX(-50%) scale(.78)!important}
  .home-page .portal-scroll-cue{display:none!important}
  .home-page .hero-bottom-wave{height:28px!important}

  .home-page .quick-panel-wrap{margin-top:-26px!important}
  .home-page .quick-panel{grid-template-columns:1fr 1fr!important;border-radius:17px!important}
  .home-page .quick-item{
    padding:12px 10px!important;grid-template-columns:34px 1fr!important;gap:8px!important;min-height:68px!important
  }
  .home-page .quick-icon{width:34px!important;height:34px!important;border-radius:10px!important;font-size:16px!important}
  .home-page .quick-item b{font-size:10.5px!important}
  .home-page .quick-item small{font-size:8.5px!important;line-height:1.3!important}
  .home-page .quick-item:nth-child(odd):after{display:block!important;top:10px!important;bottom:10px!important}
  .home-page .quick-item:nth-child(even):after{display:none!important}
  .home-page .quick-item:nth-child(-n+2){border-bottom:1px solid #eee6dc!important}
}

@media(max-width:470px){
  .home-page .lux-hero-grid{padding:30px 0 56px!important;gap:18px!important}
  .home-page .lux-hero h1{font-size:34px!important;letter-spacing:-1.2px!important;margin:14px 0 12px!important}
  .home-page .lux-hero-copy>p{font-size:12.7px!important;line-height:1.58!important}
  .home-page .premium-actions{grid-template-columns:1fr 1fr!important;gap:7px!important;margin:17px 0 10px!important}
  .home-page .premium-actions .btn{font-size:10px!important;padding:9px 6px!important;min-height:40px!important}

  .home-page .hero-identity-wrap,
  .home-page .hero-identity-link{min-height:230px!important}
  .home-page .hero-identity-link .hero-emblem-ring{
    width:146px!important;height:146px!important;margin-left:-73px!important
  }
  .home-page .hero-emblem{width:70px!important;height:70px!important;border-radius:18px!important}
  .home-page .hero-identity-link .identity-card{
    width:min(100%,286px)!important;max-width:286px!important;margin:86px auto 0!important;
    padding:16px 15px 14px!important;border-radius:18px!important
  }
  .home-page .identity-card h2{font-size:21px!important}
  .home-page .identity-card p{font-size:10.5px!important;line-height:1.45!important}

  .home-page .quick-panel{grid-template-columns:1fr 1fr!important}
  .home-page .quick-item:nth-child(n){border-bottom:0!important}
  .home-page .quick-item:nth-child(-n+2){border-bottom:1px solid #eee6dc!important}
  .home-page .quick-item:nth-child(odd):after{display:block!important}
  .home-page .quick-item:nth-child(even):after{display:none!important}
}


/* V22 - MOBILE LOGO FULL VISIBLE */
@media(max-width:760px){
  .home-page .hero-identity-wrap,
  .home-page .hero-identity-link{min-height:285px!important;overflow:visible!important}
  .home-page .hero-identity-link .hero-emblem-ring{
    width:154px!important;height:154px!important;top:-6px!important;
    left:50%!important;margin-left:-77px!important;z-index:8!important
  }
  .home-page .hero-emblem{
    width:76px!important;height:76px!important;border-radius:19px!important;
    position:relative!important;z-index:10!important
  }
  .home-page .hero-identity-link .identity-card{
    width:min(100%,310px)!important;max-width:310px!important;
    margin:118px auto 0!important;padding:18px 18px 16px!important;
    position:relative!important;z-index:4!important
  }
}
@media(max-width:470px){
  .home-page .hero-identity-wrap,
  .home-page .hero-identity-link{min-height:265px!important}
  .home-page .hero-identity-link .hero-emblem-ring{
    width:140px!important;height:140px!important;top:-8px!important;margin-left:-70px!important
  }
  .home-page .hero-emblem{width:68px!important;height:68px!important;border-radius:17px!important}
  .home-page .hero-identity-link .identity-card{
    width:min(100%,286px)!important;max-width:286px!important;
    margin:106px auto 0!important;padding:16px 15px 14px!important
  }
}


/* V23 - RAPATKAN TEKS MOBILE JUSTIFY */
.intro-copy p,
.intro-copy-wide p,
.kades-sambutan-copy p{
  text-align:justify;
  text-justify:inter-word;
}
@media(max-width:760px){
  .intro-copy p,
  .intro-copy-wide p,
  .kades-sambutan-copy p{
    text-align:justify!important;
    text-justify:inter-word!important;
  }
  .kades-sambutan-copy p:first-of-type,
  .kades-sambutan-closing{
    text-align:justify!important;
  }
}

/* V25 LITE - OPTIMASI PERFORMA HP */
@media(max-width:760px){
  /* Efek berat dimatikan di HP, tampilan merah tetap dipertahankan */
  .home-page .hero-fire-bg,
  .home-page .cinematic-atmosphere,
  .home-page .portal-light-sweep,
  .home-page .portal-scanline,
  .home-page .geo-network-side,
  .home-page .hero-orb{display:none!important}

  .home-page .geo-network-main{
    opacity:.18!important;
    animation:none!important;
    filter:none!important;
  }
  .home-page .hero-geometry{opacity:.45!important;filter:none!important}
  .home-page .hero-emblem-ring,
  .home-page .hero-emblem,
  .home-page .identity-card,
  .mobile-quickbar,
  .site-header{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .home-page .identity-card{background:rgba(255,255,255,.12)!important}
  .home-page .hero-emblem{box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
  .home-page .service-lux-card,
  .home-page .quick-panel,
  .kades-sambutan-card{box-shadow:0 10px 26px rgba(20,10,12,.07)!important}

  /* Stop looping dekorasi yang tidak penting di layar kecil */
  .home-page .hero-flame-field,
  .home-page .hero-tap-ripple{display:none!important}
  .home-page .identity-card,
  .home-page .hero-emblem-ring,
  .home-page .hero-emblem,
  .home-page .geo-network *{animation:none!important}

  /* Kurangi beban layout/paint untuk section di bawah layar */
  .home-page .service-lux-section,
  .home-page .village-banner-section,
  .home-page .kades-spotlight-section{
    content-visibility:auto;
    contain-intrinsic-size:700px;
  }
}
@media(max-width:470px){
  .portal-loader-glow{display:none!important}
  .portal-loader-logo{box-shadow:none!important}
}


/* V31 - DROPDOWN PROFIL DESA + HALAMAN PROFIL */
.main-nav .nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-toggle{border:0;background:transparent;font:inherit;font-size:14px;font-weight:700;padding:9px 10px;border-radius:10px;color:#34383d;cursor:pointer;display:flex;align-items:center;gap:5px}
.nav-dropdown-toggle span{font-size:13px;transition:transform .2s ease}
.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown:focus-within .nav-dropdown-toggle{background:var(--soft);color:var(--wine)}
.nav-dropdown:hover .nav-dropdown-toggle span,.nav-dropdown:focus-within .nav-dropdown-toggle span,.nav-dropdown.open .nav-dropdown-toggle span{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:230px;padding:10px;background:#fff;border:1px solid #eee5df;border-radius:16px;box-shadow:0 20px 55px rgba(30,15,18,.15);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s ease;z-index:70}
.nav-dropdown-menu:before{content:"";position:absolute;left:22px;top:-7px;width:13px;height:13px;background:#fff;border-left:1px solid #eee5df;border-top:1px solid #eee5df;transform:rotate(45deg)}
.nav-dropdown-menu a{position:relative;z-index:1;display:block!important;padding:11px 13px!important;border-radius:10px!important;font-size:13px!important;white-space:nowrap}
.nav-dropdown-menu a:hover{background:#fff1f3!important;color:#c80019!important}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.profile-page-hero{background:radial-gradient(circle at 82% 20%,rgba(255,255,255,.12),transparent 25%),linear-gradient(135deg,#b80018,#e0001c 60%,#8b0012)!important}
.profile-detail-section{background:#faf8f7;padding-top:64px!important}
.profile-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}
.profile-detail-card{position:relative;background:#fff;border:1px solid #eee4df;border-radius:26px;padding:42px;box-shadow:0 18px 48px rgba(30,15,18,.06);overflow:hidden}
.profile-detail-card:after{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(#d4001a,#70000e)}
.profile-detail-number{display:inline-flex;color:#d4001a;font-size:11px;font-weight:900;letter-spacing:2px;margin-bottom:10px}
.profile-detail-card h2{font-size:34px;line-height:1.1;margin:0 0 18px;letter-spacing:-1px}
.profile-lead{font-size:16px;color:#655b5c;line-height:1.85;text-align:justify}
.profile-placeholder{margin-top:26px;padding:24px;border-radius:17px;background:#fff5f6;border:1px solid #f5dadd}.profile-placeholder b{color:#b60017}.profile-placeholder p{margin:6px 0 0;color:#726667;text-align:justify}
.profile-side-nav{position:sticky;top:106px;background:#fff;border:1px solid #eee4df;border-radius:20px;padding:20px;box-shadow:0 12px 35px rgba(30,15,18,.05)}
.profile-side-nav h3{margin:0 0 12px;font-size:16px}.profile-side-nav a{display:block;padding:10px 11px;margin:4px 0;border-radius:10px;font-size:13px;font-weight:700;color:#655b5c}.profile-side-nav a:hover,.profile-side-nav a.active{background:#d4001a;color:#fff}
.vision-box{margin:22px 0 30px;padding:30px;border-radius:20px;background:linear-gradient(135deg,#d4001a,#910012);color:#fff}.vision-box small{letter-spacing:3px;font-weight:900;opacity:.75}.vision-box p{font-size:19px;line-height:1.7;margin:10px 0 0}.profile-subtitle{font-size:21px;margin:28px 0 15px}.mission-placeholder{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #eee}.mission-placeholder span{width:34px;height:34px;border-radius:10px;background:#fff0f2;color:#d4001a;display:grid;place-items:center;font-size:11px;font-weight:900;flex:none}.mission-placeholder p{margin:4px 0;color:#655b5c}
.geo-info-grid,.boundary-grid,.potential-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.geo-info-grid>div,.boundary-grid>div{padding:18px;border-radius:15px;background:#faf7f5;border:1px solid #eee5e0}.geo-info-grid small,.boundary-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9a8889;margin-bottom:4px}.geo-info-grid b,.boundary-grid b{font-size:14px}.potential-card{padding:24px;border-radius:18px;background:#fff;border:1px solid #eee4df;box-shadow:0 10px 28px rgba(30,15,18,.04)}.potential-card>span{font-size:10px;font-weight:900;color:#d4001a;letter-spacing:2px}.potential-card h3{font-size:18px;margin:8px 0}.potential-card p{font-size:13px;color:#75696a;margin:0;line-height:1.7;text-align:justify}
@media(max-width:980px){.main-nav .nav-dropdown{display:block;width:100%}.nav-dropdown-toggle{width:100%;justify-content:space-between;padding:11px 12px}.nav-dropdown-menu{position:static;min-width:0;width:100%;padding:4px 0 4px 12px;border:0;box-shadow:none;border-radius:0;background:transparent;opacity:0;visibility:hidden;transform:none;max-height:0;overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.nav-dropdown-menu:before{display:none}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;max-height:240px}.nav-dropdown:hover .nav-dropdown-menu{opacity:0;visibility:hidden;max-height:0}.nav-dropdown.open:hover .nav-dropdown-menu{opacity:1;visibility:visible;max-height:240px}.nav-dropdown-menu a{padding:9px 12px!important;background:#f8f5f2!important;margin:4px 0!important}.profile-detail-grid{grid-template-columns:1fr}.profile-side-nav{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.profile-side-nav h3{grid-column:1/-1}.profile-side-nav a{margin:0;text-align:center}.profile-detail-card{padding:30px}}
@media(max-width:560px){.profile-detail-section{padding-top:42px!important}.profile-detail-card{padding:26px 22px;border-radius:20px}.profile-detail-card h2{font-size:28px}.profile-lead{font-size:14.5px;line-height:1.75}.geo-info-grid,.boundary-grid,.potential-grid{grid-template-columns:1fr}.profile-side-nav{grid-template-columns:1fr 1fr;padding:14px}.profile-side-nav a{font-size:11px;padding:9px 7px}.vision-box{padding:22px}.vision-box p{font-size:16px}}


/* V32 - PROFIL DESA LENGKAP + KEPENDUDUKAN */
.profile-story-card .profile-lead,.profile-detail-card .profile-lead{text-align:justify}
.story-timeline{display:grid;gap:16px;margin:28px 0}
.story-item{display:grid;grid-template-columns:54px 1fr;gap:17px;padding:20px;border:1px solid #eee7e4;border-radius:18px;background:linear-gradient(135deg,#fff,#fffafa)}
.story-item>span,.mission-card>span,.potential-card>span,.population-category-grid>div>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#d5001c;color:#fff;font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(213,0,28,.14)}
.story-item h3{margin:0 0 6px;font-size:18px}.story-item p{margin:0;color:#6c6262;text-align:justify}
.elegant-note{margin-top:24px;background:linear-gradient(135deg,#fff7f8,#fff);border:1px solid rgba(213,0,28,.12);border-left:4px solid #d5001c;border-radius:16px;padding:18px 20px}
.elegant-note p{margin:5px 0 0;color:#655b5c;text-align:justify}.source-note{margin-top:18px;color:#978a8c;font-size:11px;font-style:italic}
.vision-premium{padding:30px;border-radius:22px;background:linear-gradient(135deg,#d5001c,#970014);box-shadow:0 22px 48px rgba(184,0,24,.18)}
.vision-premium small{color:#ffd7dc;letter-spacing:2px}.vision-premium p{font-size:25px!important;line-height:1.55!important;color:#fff!important;margin:8px 0 0!important;font-weight:800}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mission-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid #eee7e4;border-radius:17px;background:#fff}.mission-card>span{flex:0 0 42px}.mission-card p{margin:4px 0 0;color:#5e5555;text-align:left}
.geo-info-premium>div{background:linear-gradient(135deg,#fff,#fff8f9)!important}.boundary-premium>div{min-height:92px}.boundary-premium b{line-height:1.4}.dusun-chip-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.dusun-chip-grid span{padding:9px 13px;border:1px solid #eadfe0;border-radius:999px;background:#fff9fa;color:#6a5558;font-size:12px;font-weight:700}
.potential-hero{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center;margin:24px 0 28px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#24080d,#7d0e21);color:#fff}.potential-hero>div{display:flex;flex-direction:column}.potential-hero small{font-size:9px;letter-spacing:1.7px;color:#ffc7cf}.potential-hero strong{font-size:52px;line-height:1;margin:5px 0}.potential-hero span{font-size:12px;color:#f4dadd}.potential-hero p{margin:0;color:#ead8da;line-height:1.8;text-align:justify}.potential-grid-rich .potential-card{min-height:190px}
.population-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 34px}.population-summary>div{position:relative;padding:20px 16px;border:1px solid #eee5e5;border-radius:18px;background:linear-gradient(145deg,#fff,#fff8f9);overflow:hidden}.population-summary .pop-icon{display:block;color:#d5001c;font-size:20px;margin-bottom:14px}.population-summary small{display:block;color:#8e7d80;font-size:10px;text-transform:uppercase;letter-spacing:1px}.population-summary strong{display:block;font-size:30px;line-height:1.2;margin:4px 0}.population-summary em{font-size:10px;color:#a08f91;font-style:normal}.population-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.population-category-grid>div{padding:20px;border:1px solid #eee7e4;border-radius:18px;background:#fff}.population-category-grid h3{margin:12px 0 5px;font-size:17px}.population-category-grid p{margin:0;color:#75696a;font-size:13px}
.profile-side-nav a{position:relative}.profile-side-nav a.active:after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;border-radius:50%;background:#d5001c;transform:translateY(-50%)}
@media(max-width:760px){.mission-grid,.population-category-grid{grid-template-columns:1fr}.vision-premium p{font-size:21px!important}.potential-hero{grid-template-columns:1fr;gap:14px}.population-summary{grid-template-columns:1fr 1fr}.story-item{grid-template-columns:46px 1fr;padding:16px}.story-item>span{width:38px;height:38px}.profile-detail-card .profile-lead,.story-item p,.elegant-note p,.potential-hero p{text-align:justify}.dusun-chip-grid span{font-size:11px}}
@media(max-width:470px){.population-summary{grid-template-columns:1fr 1fr;gap:9px}.population-summary>div{padding:16px 12px}.population-summary strong{font-size:26px}}


/* V33 - ADMIN CONTENT MANAGER + POPULATION */
.admin-side-nav{gap:6px}
.admin-side-nav>a,.side-group>summary{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;font-size:13px;font-weight:750;color:#f4eeee;cursor:pointer;list-style:none;transition:.2s}
.admin-side-nav>a>span,.side-group>summary>span{width:20px;text-align:center;opacity:.9}
.side-group{border-radius:12px}.side-group>summary::-webkit-details-marker{display:none}.side-group>summary i{margin-left:auto;font-style:normal;font-size:11px;transition:transform .2s}.side-group[open]>summary i{transform:rotate(180deg)}
.side-group>summary:hover,.admin-side-nav>a:hover{background:rgba(255,255,255,.13)!important}
.side-submenu{display:grid;gap:3px;padding:4px 0 6px 42px}.side-submenu a{padding:8px 10px;border-radius:9px;font-size:11px;font-weight:700;color:rgba(255,255,255,.78)}.side-submenu a:hover{background:rgba(255,255,255,.12);color:#fff}
.side-divider{height:1px;background:rgba(255,255,255,.15);margin:8px 8px}
.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px;padding:28px 30px;border-radius:24px;background:linear-gradient(135deg,#fff,#fff1f3);border:1px solid rgba(17,17,17,.07);box-shadow:0 12px 34px rgba(17,17,17,.045)}
.admin-page-head h1{font-size:28px;line-height:1.08;margin:4px 0 7px}.admin-page-head p{margin:0;color:#756b6c;font-size:12px;max-width:680px}.admin-kicker{font-size:9px;letter-spacing:1.8px;font-weight:900;text-transform:uppercase;color:#d4001a}.admin-preview-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 14px;border-radius:11px;background:#111;color:#fff;font-size:11px;font-weight:850}
.admin-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.admin-tabs a{padding:9px 13px;border-radius:10px;background:#fff;border:1px solid #e9e3df;font-size:11px;font-weight:800;color:#6c6262}.admin-tabs a.active{background:#d4001a;border-color:#d4001a;color:#fff}
.admin-editor-panel{padding:26px}.admin-editor-form{display:grid;gap:17px}.admin-editor-form label,.population-admin-form label{display:block;font-size:12px;font-weight:850;color:#403a3b}.admin-editor-form label small,.population-admin-form label small{display:block;font-size:10px;font-weight:500;color:#908587;margin:3px 0 0}.admin-editor-form input,.admin-editor-form textarea,.population-admin-form input,.population-admin-form textarea{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #ddd5d1;border-radius:11px;background:#fff;font:inherit;font-size:13px;color:#242020;outline:none;resize:vertical}.admin-editor-form input:focus,.admin-editor-form textarea:focus,.population-admin-form input:focus,.population-admin-form textarea:focus{border-color:#d4001a;box-shadow:0 0 0 3px rgba(212,0,26,.08)}
.editor-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-editor-actions{display:flex;align-items:center;gap:14px;padding-top:5px}.admin-editor-actions span{font-size:10px;color:#948a8b}
.stats-input-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.stats-input-grid label{background:#fff;border:1px solid #e9e2de;border-radius:18px;padding:18px;box-shadow:0 9px 25px rgba(17,17,17,.035)}.stats-input-grid label span{display:block;font-size:10px;color:#8d8182;text-transform:uppercase;letter-spacing:.8px}.stats-input-grid input{font-size:26px;font-weight:900;color:#d4001a;border:0;border-bottom:1px solid #eee;border-radius:0;padding:7px 0;margin-top:3px}.population-detail-editor{padding:26px}.dashboard-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-rich .action-panel{min-height:150px;position:relative;overflow:hidden}.dashboard-grid-rich .action-panel:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-45px;bottom:-50px;background:rgba(212,0,26,.045)}
.population-data-block{margin-top:28px;padding:23px;border-radius:20px;background:#fff;border:1px solid #eee6e3}.population-data-block h3{margin:0 0 17px;font-size:20px}.population-bars{display:grid;gap:13px}.pop-row-head{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-bottom:6px}.pop-row-head span{color:#8e8183}.pop-track{height:9px;border-radius:999px;background:#f1e9e8;overflow:hidden}.pop-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#d4001a,#ff4560)}
@media(max-width:980px){.stats-input-grid{grid-template-columns:1fr 1fr}.admin-page-head{align-items:flex-start}.side-group>summary{padding:11px 12px}.side-submenu{padding-left:40px}}
@media(max-width:760px){.admin-page-head{display:block;padding:22px}.admin-preview-btn{margin-top:14px}.editor-two,.dashboard-grid-rich{grid-template-columns:1fr}.stats-input-grid{grid-template-columns:1fr 1fr}.admin-tabs{display:grid;grid-template-columns:1fr 1fr}.admin-tabs a{text-align:center}.admin-editor-panel,.population-detail-editor{padding:18px}.pop-row-head{font-size:11px}}
@media(max-width:470px){.stats-input-grid{grid-template-columns:1fr}.admin-tabs{grid-template-columns:1fr 1fr}.admin-page-head h1{font-size:24px}}


/* V34 - DATA KEPENDUDUKAN RESMI BPS + ADMIN */
.official-data-badge{margin:0 0 18px;padding:14px 16px;border-radius:14px;background:#eef8f1;border:1px solid #cfe9d5;color:#225d32;font-size:13px}
.stats-input-grid-secondary{margin-top:16px}.source-admin-grid{display:grid;gap:14px;margin-top:18px}.source-admin-grid label{display:grid;gap:7px;font-weight:800;font-size:13px}.source-admin-grid input,.source-admin-grid textarea{width:100%;border:1px solid #ddd5cd;border-radius:12px;padding:12px 13px;font:inherit;background:#fff}.population-official-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 28px}.population-official-grid>div{padding:18px;border:1px solid #eee5de;border-radius:16px;background:linear-gradient(145deg,#fff,#fcf8f5)}.population-official-grid small{display:block;color:#8a7c7c;font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}.population-official-grid b{font-size:24px;color:#b00019}.population-official-grid span{display:block;color:#8b8080;font-size:10px;margin-top:2px}.population-source-box{margin-top:30px;padding:20px 22px;border-radius:18px;background:#fff7f7;border:1px solid #f0d8dc}.population-source-box>span{display:block;font-size:9px;letter-spacing:1.6px;font-weight:900;color:#c4001c;margin-bottom:6px}.population-source-box>b{display:block;font-size:13px;line-height:1.6}.population-source-box a{display:inline-block;margin-top:10px;color:#c4001c;font-weight:800;font-size:12px}.population-source-box p{margin:12px 0 0;color:#756969;font-size:12px;line-height:1.7}
@media(max-width:760px){.population-official-grid{grid-template-columns:1fr 1fr}.population-official-grid>div{padding:15px}.population-official-grid b{font-size:21px}}
@media(max-width:430px){.population-official-grid{grid-template-columns:1fr}}


/* V35 - SEJARAH & POTENSI SIDAS + MOBILE PROFILE POLISH */
.heritage-page,.potential-page{padding-bottom:34px}
.heritage-feature{display:grid;grid-template-columns:minmax(280px,.88fr) 1.12fr;gap:28px;align-items:stretch;margin:28px 0 34px}
.heritage-photo{margin:0;position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#e9dedc,#c5001b);min-height:330px;box-shadow:0 18px 40px rgba(31,11,15,.12)}
.heritage-photo img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block;transition:transform .5s ease}
.heritage-photo:hover img{transform:scale(1.025)}
.heritage-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:50px 20px 18px;background:linear-gradient(transparent,rgba(17,8,9,.88));color:#fff}
.heritage-photo figcaption b{display:block;font-size:15px}.heritage-photo figcaption span{display:block;font-size:9px;line-height:1.5;color:#dbcfd1;margin-top:4px}
.heritage-highlight{padding:30px;border-radius:22px;background:linear-gradient(145deg,#fff9f9,#fff);border:1px solid #f0dedf;display:flex;flex-direction:column;justify-content:center}
.heritage-badge{display:inline-flex;align-self:flex-start;padding:6px 9px;border-radius:999px;background:#d5001c;color:#fff;font-size:9px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}
.heritage-highlight h3{font-size:28px;line-height:1.1;margin:13px 0 11px;color:#171313}.heritage-highlight p{margin:0;color:#65595a;font-size:14px;line-height:1.8;text-align:justify}
.heritage-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.heritage-facts>div{padding:12px 13px;border-radius:12px;background:#fff;border:1px solid #efe5e2}.heritage-facts small{display:block;color:#9a8689;font-size:8px;text-transform:uppercase;letter-spacing:1px}.heritage-facts b{font-size:12px;color:#3a3031}
.heritage-timeline{grid-template-columns:1fr 1fr}.heritage-timeline .story-item:last-child{grid-column:1/-1}
.heritage-school-strip{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;margin:28px 0;padding:24px;border-radius:20px;background:linear-gradient(135deg,#25080d,#6f0d1c);color:#fff}.heritage-school-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:25px}.heritage-school-strip span{font-size:9px;letter-spacing:1.5px;color:#ffc4cd;text-transform:uppercase}.heritage-school-strip h3{margin:5px 0 7px;font-size:20px}.heritage-school-strip p{margin:0;font-size:13px;line-height:1.75;color:#ecdfe1;text-align:justify}
.heritage-sources{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:26px 0 12px}.heritage-sources>span{font-size:9px;font-weight:900;letter-spacing:1.4px;color:#8d777a;text-transform:uppercase;margin-right:4px}.heritage-sources a{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid #eadcda;background:#fff;color:#b00019;font-size:10px;font-weight:800}.heritage-sources a:hover{background:#d5001c;color:#fff;border-color:#d5001c}
.potential-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 26px}.potential-feature{position:relative;padding:25px;border-radius:20px;border:1px solid #eadfdd;overflow:hidden;background:#fff}.potential-feature:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-40px;bottom:-50px;background:rgba(213,0,28,.055)}.potential-feature .pf-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#d5001c;color:#fff;font-size:18px;margin-bottom:17px}.potential-feature small{font-size:9px;color:#a78a8e;letter-spacing:1.5px;font-weight:900}.potential-feature h3{margin:6px 0 8px;font-size:20px}.potential-feature p{margin:0;color:#6e6263;font-size:13px;line-height:1.75;text-align:justify}.potential-feature a{display:inline-block;margin-top:14px;color:#c4001b;font-size:11px;font-weight:900}.potential-feature.education{background:linear-gradient(145deg,#fff,#fff8f2)}.potential-feature.education .pf-icon{background:#21191a}.potential-grid-six{margin-top:12px}
.potential-history-photo{display:grid;grid-template-columns:minmax(250px,.8fr) 1.2fr;gap:0;margin:28px 0;border-radius:22px;overflow:hidden;background:#211315;color:#fff;box-shadow:0 16px 42px rgba(33,13,18,.12)}.potential-history-photo img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block}.potential-history-photo>div{padding:30px;display:flex;flex-direction:column;justify-content:center}.potential-history-photo span{font-size:9px;letter-spacing:1.5px;color:#ffbbc5;font-weight:900;text-transform:uppercase}.potential-history-photo h3{font-size:25px;margin:6px 0 10px}.potential-history-photo p{font-size:13px;color:#dfd1d3;line-height:1.8;text-align:justify;margin:0}

@media(max-width:760px){
  .profile-page-hero{padding:46px 0!important}.profile-page-hero h1{font-size:32px!important}.profile-page-hero p{font-size:13px!important;line-height:1.65!important}
  .profile-detail-section{padding-top:22px!important;padding-bottom:54px!important}.profile-detail-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .profile-side-nav{grid-row:1!important;position:sticky!important;top:70px!important;z-index:12!important;display:flex!important;gap:7px!important;overflow-x:auto!important;white-space:nowrap!important;padding:10px!important;border-radius:15px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 30px rgba(24,11,13,.08)!important;scrollbar-width:none}.profile-side-nav::-webkit-scrollbar{display:none}.profile-side-nav h3{display:none!important}.profile-side-nav a{flex:0 0 auto!important;font-size:10px!important;padding:8px 10px!important;margin:0!important;text-align:center!important}.profile-side-nav a.active:after{display:none!important}
  .profile-detail-card{grid-row:2!important;padding:23px 18px!important;border-radius:20px!important}.profile-detail-card:after{width:3px!important}.profile-detail-card h2{font-size:27px!important}.profile-lead{font-size:14px!important;line-height:1.8!important;text-align:justify!important}
  .heritage-feature{grid-template-columns:1fr!important;gap:14px!important;margin:20px 0 26px!important}.heritage-photo{min-height:240px!important;border-radius:17px!important}.heritage-photo img{min-height:240px!important;aspect-ratio:16/10!important}.heritage-highlight{padding:21px 18px!important;border-radius:17px!important}.heritage-highlight h3{font-size:23px!important}.heritage-highlight p{font-size:13px!important;line-height:1.75!important}.heritage-facts{grid-template-columns:1fr 1fr!important}
  .heritage-timeline{grid-template-columns:1fr!important;gap:12px!important}.heritage-timeline .story-item:last-child{grid-column:auto!important}.story-item{grid-template-columns:40px 1fr!important;padding:14px!important;gap:11px!important}.story-item h3{font-size:16px!important}.story-item p{font-size:12.5px!important;line-height:1.75!important;text-align:justify!important}
  .heritage-school-strip{grid-template-columns:48px 1fr!important;padding:18px 15px!important;gap:12px!important;border-radius:17px!important}.heritage-school-icon{width:45px!important;height:45px!important}.heritage-school-strip h3{font-size:17px!important}.heritage-school-strip p{font-size:12px!important;line-height:1.75!important}
  .heritage-sources{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.heritage-sources>span{grid-column:1/-1!important}.heritage-sources a{border-radius:10px!important;justify-content:center!important;text-align:center!important;padding:9px 7px!important;font-size:9px!important}
  .potential-hero-v2{grid-template-columns:1fr!important;padding:20px 18px!important;border-radius:18px!important}.potential-hero strong{font-size:44px!important}.potential-feature-grid{grid-template-columns:1fr!important}.potential-feature{padding:20px 18px!important}.potential-feature h3{font-size:18px!important}.potential-feature p{font-size:12.5px!important}.potential-grid-rich{grid-template-columns:1fr!important}.potential-card{min-height:0!important;padding:19px!important}.potential-card p{font-size:12.5px!important}
  .potential-history-photo{grid-template-columns:1fr!important;border-radius:18px!important}.potential-history-photo img{min-height:220px!important;max-height:260px!important}.potential-history-photo>div{padding:22px 18px!important}.potential-history-photo h3{font-size:21px!important}.potential-history-photo p{font-size:12.5px!important}
  .geo-info-grid,.boundary-grid{grid-template-columns:1fr!important}.vision-box,.elegant-note{padding:18px!important}.vision-box p,.elegant-note p{font-size:13px!important;line-height:1.75!important;text-align:justify!important}
}
@media(max-width:430px){.heritage-sources{grid-template-columns:1fr!important}.heritage-facts{grid-template-columns:1fr!important}.profile-page-hero h1{font-size:29px!important}.profile-detail-card{padding:21px 16px!important}.potential-history-photo img{min-height:200px!important}}

.heritage-photo.photo-fallback,.potential-history-photo.photo-fallback{background:linear-gradient(145deg,#d5001c,#3a0a11);position:relative;min-height:260px}
.heritage-photo.photo-fallback:before,.potential-history-photo.photo-fallback:before{content:"Makam Juang Pak Kasih • Desa Sidas";position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:#fff;font-size:18px;font-weight:900;letter-spacing:.4px}


/* V36 - VISI MISI, GEOGRAFIS, KEPENDUDUKAN PREMIUM */
.vision-hero-card{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;padding:30px;border-radius:24px;background:linear-gradient(135deg,#24080d,#690e1d);color:#fff;margin:24px 0}.vision-mark{width:100px;height:100px;border-radius:24px;display:grid;place-items:center;background:#d6001c;font-size:16px;font-weight:900;letter-spacing:2px;box-shadow:0 14px 30px rgba(0,0,0,.18)}.vision-hero-card small{font-size:9px;color:#e4b9c0;letter-spacing:1.8px;font-weight:800}.vision-hero-card blockquote{margin:8px 0 0;font-size:25px;line-height:1.45;font-weight:800;letter-spacing:-.5px}.vision-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 32px}.vision-principles>div{padding:17px 15px;border-radius:15px;background:#fff8f8;border:1px solid #f0dfe1}.vision-principles b{display:block;color:#c7001b;font-size:14px}.vision-principles span{display:block;color:#746567;font-size:10.5px;line-height:1.55;margin-top:4px}.mission-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:28px 0 14px}.mission-title span{font-size:9px;color:#c5001b;letter-spacing:1.5px;font-weight:900}.mission-title h3{margin:0;font-size:23px}.mission-grid-v36{grid-template-columns:1fr 1fr!important}.mission-card-v36{min-height:118px!important;padding:20px!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#fffafa)!important}.mission-card-v36 span{font-size:24px!important;color:#d6001c!important}.mission-card-v36 p{font-size:13px!important;line-height:1.7!important;text-align:justify!important}.geo-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.geo-stat-strip>div{position:relative;padding:19px 15px;border-radius:16px;background:#fff;border:1px solid #eadfdd}.geo-stat-strip>div>span{position:absolute;right:12px;top:8px;font-size:18px;font-weight:900;color:#f1dadd}.geo-stat-strip small{display:block;font-size:8px;color:#9c888b;text-transform:uppercase;letter-spacing:1.1px}.geo-stat-strip b{display:block;margin-top:5px;font-size:13px}.geo-map-card{display:grid;grid-template-columns:250px 1fr;gap:26px;align-items:center;margin:28px 0;padding:24px;border-radius:22px;background:linear-gradient(135deg,#231013,#4f0b16);color:#fff;overflow:hidden}.geo-map-visual{height:210px;border-radius:18px;position:relative;background:radial-gradient(circle at 50% 50%,rgba(213,0,28,.35),transparent 42%),rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);display:grid;place-items:center;overflow:hidden}.geo-map-visual strong{text-align:center;font-size:28px;line-height:1;color:#fff}.geo-compass{position:absolute;right:14px;top:12px;font-size:11px;font-weight:900;color:#ffb4bf}.geo-line{position:absolute;width:150%;height:1px;background:rgba(255,255,255,.13);left:-25%;top:50%}.geo-line.l1{transform:rotate(32deg)}.geo-line.l2{transform:rotate(-28deg)}.geo-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff2c47;box-shadow:0 0 12px rgba(255,44,71,.8)}.geo-dot.d1{left:23%;top:34%}.geo-dot.d2{right:22%;top:58%}.geo-dot.d3{left:45%;bottom:18%}.geo-map-copy>span{font-size:9px;color:#ffb3be;letter-spacing:1.5px;font-weight:900}.geo-map-copy h3{font-size:30px;margin:5px 0}.geo-map-copy p{font-size:13px;line-height:1.8;color:#eadde0;margin:8px 0;text-align:justify}.boundary-v36>div{position:relative;overflow:hidden}.boundary-v36 span{font-weight:900!important;color:#c6001b!important}.dusun-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.dusun-heading span{font-size:9px;color:#b10018;font-weight:900;letter-spacing:1.3px}.dusun-heading h3{margin:3px 0 0;font-size:22px}.dusun-heading>b{font-size:42px;color:#d8c6c8}.dusun-chip-v36 span{display:flex!important;align-items:center;gap:8px!important;padding:11px 12px!important}.dusun-chip-v36 i{font-style:normal;width:25px;height:25px;border-radius:8px;background:#f7e5e8;color:#bd001a;display:grid;place-items:center;font-size:8px;font-weight:900}.population-hero-v36{display:grid;grid-template-columns:.88fr 1.12fr;gap:14px;margin:24px 0}.population-total-big{padding:28px;border-radius:22px;background:linear-gradient(145deg,#d6001c,#8d0012);color:#fff;display:flex;flex-direction:column;justify-content:center}.population-total-big>span{font-size:9px;letter-spacing:1.6px;font-weight:900;color:#ffd2d8}.population-total-big strong{font-size:58px;line-height:1;margin:12px 0 2px;letter-spacing:-2px}.population-total-big>b{font-size:11px;letter-spacing:2px}.population-total-big small{margin-top:18px;color:#ffd9de;font-size:10px}.gender-composition{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;padding:22px;border-radius:22px;background:#fff;border:1px solid #eadfdd}.gender-donut{--male:50%;width:160px;height:160px;border-radius:50%;background:conic-gradient(#d6001c 0 var(--male),#111 var(--male) 100%);display:grid;place-items:center;position:relative}.gender-donut:after{content:"";position:absolute;inset:22px;background:#fff;border-radius:50%}.gender-donut span{position:relative;z-index:2;text-align:center}.gender-donut b{display:block;font-size:25px;color:#d6001c}.gender-donut small{font-size:9px;color:#806f71}.gender-legend{display:grid;gap:13px}.gender-legend>div{display:grid;grid-template-columns:12px 1fr;gap:3px 8px;align-items:center}.gender-legend i{width:10px;height:10px;border-radius:50%}.gender-legend i.male{background:#d6001c}.gender-legend i.female{background:#111}.gender-legend span{font-size:10px;color:#8a777a}.gender-legend b{grid-column:2;font-size:13px}.population-v36 .population-summary{margin-top:14px!important}
@media(max-width:760px){.vision-hero-card{grid-template-columns:1fr!important;padding:20px 18px!important;gap:12px!important}.vision-mark{width:68px!important;height:68px!important;border-radius:18px!important}.vision-hero-card blockquote{font-size:20px!important;line-height:1.5!important;text-align:left!important}.vision-principles{grid-template-columns:1fr 1fr!important}.mission-title{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}.mission-grid-v36{grid-template-columns:1fr!important}.mission-card-v36{min-height:0!important}.geo-stat-strip{grid-template-columns:1fr 1fr!important}.geo-map-card{grid-template-columns:1fr!important;padding:18px!important}.geo-map-visual{height:180px!important}.geo-map-copy h3{font-size:25px!important}.boundary-v36{grid-template-columns:1fr!important}.dusun-heading h3{font-size:19px!important}.dusun-heading>b{font-size:34px!important}.dusun-chip-v36{grid-template-columns:1fr 1fr!important}.population-hero-v36{grid-template-columns:1fr!important}.population-total-big{padding:23px 20px!important}.population-total-big strong{font-size:49px!important}.gender-composition{grid-template-columns:130px 1fr!important;padding:18px!important}.gender-donut{width:125px!important;height:125px!important}.gender-donut:after{inset:18px!important}.gender-donut b{font-size:20px!important}.population-summary{grid-template-columns:1fr 1fr!important}.population-summary>div{min-height:130px!important}.population-official-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:430px){.vision-principles{grid-template-columns:1fr!important}.geo-stat-strip{grid-template-columns:1fr!important}.dusun-chip-v36{grid-template-columns:1fr!important}.gender-composition{grid-template-columns:1fr!important;text-align:center}.gender-donut{margin:auto}.gender-legend{text-align:left}.population-summary{grid-template-columns:1fr 1fr!important}.population-summary strong{font-size:26px!important}.population-official-grid{grid-template-columns:1fr!important}}


/* V37 - MOBILE PROFILE FULL VISIBILITY FIX */
@media (max-width: 760px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .profile-page-hero{padding:42px 0 34px!important}
  .profile-page-hero .container{width:calc(100% - 24px)!important}
  .profile-page-hero h1{font-size:30px!important;line-height:1.12!important;letter-spacing:-.7px!important}
  .profile-page-hero p{font-size:12.5px!important;line-height:1.65!important;margin-bottom:0!important}

  .profile-detail-section{padding:18px 0 56px!important;overflow:visible!important}
  .profile-detail-section>.container,
  .profile-detail-grid{width:calc(100% - 20px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  .profile-detail-grid{display:flex!important;flex-direction:column!important;gap:12px!important;min-width:0!important}
  .profile-side-nav{order:0!important;position:static!important;width:100%!important;max-width:100%!important;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:6px!important;padding:8px!important;white-space:nowrap!important;border-radius:14px!important;-webkit-overflow-scrolling:touch!important}
  .profile-side-nav h3{display:none!important}
  .profile-side-nav a{flex:0 0 auto!important;min-width:max-content!important;padding:8px 10px!important;font-size:10px!important;margin:0!important}
  .profile-detail-card{order:1!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:22px 16px!important;border-radius:18px!important;overflow:visible!important}
  .profile-detail-card:after{width:3px!important}
  .profile-detail-card h2{font-size:26px!important;line-height:1.15!important;overflow-wrap:anywhere!important}
  .profile-lead{font-size:13px!important;line-height:1.75!important;text-align:justify!important;overflow-wrap:anywhere!important}

  /* Visi & Misi */
  .vision-page,.vision-page *{max-width:100%!important;min-width:0!important}
  .vision-hero-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;margin:18px 0!important;padding:18px 15px!important;border-radius:17px!important;overflow:visible!important}
  .vision-mark{width:62px!important;height:62px!important;border-radius:16px!important;font-size:13px!important;flex:0 0 auto!important}
  .vision-hero-card>div:last-child{width:100%!important}
  .vision-hero-card small{font-size:8px!important;line-height:1.5!important;white-space:normal!important}
  .vision-hero-card blockquote{width:100%!important;margin:8px 0 0!important;font-size:17px!important;line-height:1.55!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important}
  .vision-principles{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important;margin:14px 0 24px!important}
  .vision-principles>div{padding:14px 12px!important;min-width:0!important}
  .vision-principles b{font-size:13px!important}.vision-principles span{font-size:10px!important}
  .mission-title{display:block!important;margin:22px 0 12px!important}.mission-title h3{font-size:19px!important;margin-top:4px!important}
  .mission-grid,.mission-grid-v36{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:9px!important}
  .mission-card,.mission-card-v36{width:100%!important;min-height:0!important;padding:15px!important;gap:10px!important;overflow:visible!important}
  .mission-card-v36 span{font-size:20px!important;flex:0 0 auto!important}.mission-card-v36 p{font-size:12px!important;line-height:1.7!important;margin:2px 0 0!important}

  /* Geografis */
  .geography-page,.geography-page *{max-width:100%!important;min-width:0!important}
  .geo-stat-strip{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important;margin:18px 0!important}
  .geo-stat-strip>div{padding:15px 11px!important;min-height:72px!important;overflow:hidden!important}.geo-stat-strip b{font-size:11.5px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
  .geo-map-card{display:block!important;width:100%!important;margin:18px 0!important;padding:14px!important;border-radius:17px!important;overflow:hidden!important}
  .geo-map-visual{width:100%!important;height:160px!important;margin-bottom:16px!important}.geo-map-visual strong{font-size:24px!important}
  .geo-map-copy{width:100%!important}.geo-map-copy h3{font-size:23px!important}.geo-map-copy p{font-size:12px!important;line-height:1.7!important;overflow-wrap:anywhere!important}
  .boundary-grid,.boundary-v36{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important}
  .boundary-grid>div{min-height:0!important;padding:14px!important}.boundary-grid b{font-size:12px!important;line-height:1.45!important;overflow-wrap:anywhere!important}
  .dusun-heading{display:flex!important;align-items:flex-end!important;gap:8px!important;margin:22px 0 10px!important}.dusun-heading>div{min-width:0!important;flex:1!important}.dusun-heading h3{font-size:17px!important;line-height:1.25!important}.dusun-heading>b{font-size:28px!important;flex:0 0 auto!important}
  .dusun-chip-grid,.dusun-chip-v36{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:7px!important}
  .dusun-chip-v36 span{width:100%!important;min-width:0!important;padding:9px!important;border-radius:12px!important;font-size:10px!important;white-space:normal!important;overflow-wrap:anywhere!important}

  /* Kependudukan */
  .population-page,.population-v36,.population-page *{max-width:100%!important;min-width:0!important}
  .population-hero-v36{display:block!important;width:100%!important;margin:18px 0!important}
  .population-total-big{width:100%!important;padding:20px 16px!important;border-radius:17px!important;margin-bottom:10px!important}
  .population-total-big strong{font-size:44px!important;letter-spacing:-1px!important}.population-total-big small{margin-top:12px!important}
  .gender-composition{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;padding:16px!important;border-radius:17px!important;gap:14px!important}
  .gender-donut{width:120px!important;height:120px!important;flex:0 0 120px!important}.gender-donut:after{inset:17px!important}.gender-donut b{font-size:19px!important}
  .gender-legend{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.gender-legend>div{width:100%!important;padding:10px!important;border-radius:12px!important;background:#faf6f6!important}.gender-legend b{font-size:12px!important}
  .population-summary{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important;margin:12px 0 20px!important}
  .population-summary>div{width:100%!important;min-height:112px!important;padding:14px 11px!important;border-radius:14px!important}.population-summary strong{font-size:24px!important}.population-summary small{font-size:8.5px!important}
  .population-official-grid{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important;margin:16px 0 20px!important}.population-official-grid>div{padding:13px 10px!important;min-height:92px!important}.population-official-grid b{font-size:19px!important;overflow-wrap:anywhere!important}.population-official-grid small,.population-official-grid span{font-size:8.5px!important}
  .population-data-block,.population-bars,.pop-row,.pop-row-head,.pop-track,.population-source-box{width:100%!important;max-width:100%!important;min-width:0!important}
  .population-data-block{margin-top:18px!important}.population-data-block h3{font-size:17px!important}.pop-row-head{display:flex!important;gap:8px!important;justify-content:space-between!important;align-items:flex-start!important}.pop-row-head b,.pop-row-head span{font-size:10px!important;overflow-wrap:anywhere!important}.pop-row-head span{text-align:right!important}
  .population-source-box{padding:15px!important;border-radius:15px!important}.population-source-box>b,.population-source-box p,.population-source-box a{overflow-wrap:anywhere!important;word-break:break-word!important}
}

@media (max-width: 430px){
  .profile-detail-section>.container,.profile-detail-grid{width:calc(100% - 14px)!important}
  .profile-detail-card{padding:20px 13px!important}
  .vision-principles{grid-template-columns:1fr!important}
  .geo-stat-strip{grid-template-columns:1fr!important}
  .dusun-chip-grid,.dusun-chip-v36{grid-template-columns:1fr!important}
  .gender-legend{grid-template-columns:1fr!important}
  .population-summary{grid-template-columns:1fr 1fr!important}
  .population-official-grid{grid-template-columns:1fr!important}
}

/* V38 - PEMERINTAHAN, BERITA & GALERI */
.gov-page-hero,.news-page-hero,.gallery-page-hero{background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.12),transparent 26%),linear-gradient(135deg,#b80018,#e1001e 58%,#870011)}
.gov-content-section,.news-content-section,.gallery-content-section{background:linear-gradient(180deg,#fff,#faf8f8)}
.staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.staff-card{display:flex;gap:16px;align-items:center;padding:20px;background:#fff;border:1px solid #eee5e5;border-radius:20px;box-shadow:0 12px 32px rgba(30,15,18,.045)}.staff-card-main{grid-column:span 2;background:linear-gradient(135deg,#fff,#fff6f7);border-color:#f1c9ce}.staff-avatar{width:96px;height:112px;border-radius:16px;overflow:hidden;background:#d4001a;flex:0 0 auto}.staff-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}.staff-card small{color:#c50019;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.staff-card h3{margin:4px 0;font-size:18px}.staff-card p{margin:0;color:#756b6b;font-size:13px}.staff-initial{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#f7eeee;color:#d0001a;font-weight:900;flex:0 0 auto}.org-wrap{max-width:1040px}.org-top,.org-second{display:flex;justify-content:center}.org-box{background:#fff;border:1px solid #ebdfdf;border-radius:18px;padding:18px 22px;text-align:center;min-width:220px;box-shadow:0 12px 30px rgba(30,15,18,.045)}.org-box span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#c7001a;font-weight:800}.org-box strong{display:block;margin-top:5px}.org-primary{background:linear-gradient(135deg,#d9001c,#930012);color:#fff;border-color:transparent}.org-primary span{color:#ffd9df}.org-connector{width:2px;height:34px;background:#dfc6c8;margin:0 auto}.org-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.org-note{margin-top:24px;padding:14px 16px;border-radius:14px;background:#fff7f7;border:1px solid #f3d4d7;color:#766767;font-size:13px}.empty-modern{max-width:760px;margin:0 auto;text-align:center;padding:58px 30px;background:#fff;border:1px solid #eee5e5;border-radius:26px;box-shadow:0 18px 45px rgba(30,15,18,.05)}.empty-modern-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(145deg,#d9001c,#8f0012);color:#fff;font-size:28px}.empty-modern h2,.empty-modern h3{margin:0 0 8px}.empty-modern p{margin:0;color:#786d6d}.gallery-empty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-placeholder{aspect-ratio:4/3;border-radius:22px;background:linear-gradient(145deg,#f7eeee,#fff);border:1px solid #eee1e1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#6f6262}.gallery-placeholder span{font-size:36px;color:#d4001a;margin-bottom:10px}.gallery-placeholder b{font-size:16px}.gallery-placeholder small{margin-top:5px;color:#8d7d7d}
@media(max-width:980px){.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-card-main{grid-column:1/-1}.org-grid{grid-template-columns:repeat(2,1fr)}.gallery-empty-grid{grid-template-columns:repeat(2,1fr)}.nav-dropdown.open .nav-dropdown-menu{max-height:320px}}
@media(max-width:760px){.staff-grid,.org-grid,.gallery-empty-grid{grid-template-columns:1fr}.staff-card-main{grid-column:auto}.staff-card{align-items:flex-start}.staff-avatar{width:86px;height:104px}.org-box{width:100%;min-width:0}.empty-modern{padding:42px 22px}.gallery-placeholder{aspect-ratio:16/10}.gov-page-hero,.news-page-hero,.gallery-page-hero{padding:54px 0}.nav-dropdown-menu a{white-space:normal!important}}

/* =========================
   V39 ADMIN PREMIUM + CMS
   ========================= */
.admin-v39{background:#f4f5f7;color:#171717}
.admin-v39 .admin-shell{min-height:100vh;display:flex}
.admin-sidebar-v39{width:286px;background:linear-gradient(180deg,#121212 0%,#1b1b1b 55%,#111 100%);color:#fff;position:fixed;left:0;top:0;bottom:0;z-index:120;display:flex;flex-direction:column;padding:18px 14px 14px;box-shadow:18px 0 45px rgba(0,0,0,.08);overflow-y:auto}
.admin-side-brand-wrap{display:flex;align-items:center;gap:8px;padding:4px 6px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-v39 .admin-brand{min-width:0;color:#fff;flex:1}.admin-v39 .admin-brand .brand-mark{width:46px;height:46px;background:#fff;padding:4px;box-shadow:none}.admin-v39 .admin-brand strong{font-size:15px}.admin-v39 .admin-brand small{color:#999;font-size:10px}
.admin-side-close{display:none;background:none;border:0;color:#fff;font-size:25px;line-height:1}
.admin-user-card{margin:16px 4px 18px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.04);display:flex;align-items:center;gap:10px}.admin-user-card b,.admin-user-card small{display:block}.admin-user-card b{font-size:12px}.admin-user-card small{font-size:9px;color:#aaa;text-transform:uppercase;letter-spacing:1.2px}.admin-user-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#e2001c,#8d0011);font-weight:900;box-shadow:0 8px 20px rgba(226,0,28,.25)}
.admin-side-nav{display:flex;flex-direction:column;gap:4px}.side-label{font-size:8px;letter-spacing:1.7px;color:#686868;font-weight:900;margin:10px 10px 5px}.admin-side-nav>a,.side-group summary{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;color:#c7c7c7;font-size:11px;cursor:pointer;transition:.18s}.admin-side-nav>a span,.side-group summary>span{width:22px;text-align:center;font-size:15px;color:#f0f0f0}.admin-side-nav>a b,.side-group summary b{font-weight:700;flex:1}.admin-side-nav>a:hover,.side-group summary:hover{background:rgba(255,255,255,.07);color:#fff}.side-group{border:0}.side-group summary{list-style:none}.side-group summary::-webkit-details-marker{display:none}.side-group summary i{font-style:normal;color:#777}.side-group[open] summary i{transform:rotate(180deg)}.side-submenu{margin:1px 0 5px 34px;padding-left:11px;border-left:1px solid rgba(255,255,255,.11);display:grid;gap:2px}.side-submenu a{font-size:10px;color:#888;padding:7px 8px;border-radius:8px}.side-submenu a:hover{color:#fff;background:rgba(255,255,255,.05)}.side-divider{height:1px;background:rgba(255,255,255,.08);margin:10px 5px}.side-logout{color:#ff8f9b!important}.admin-sidebar-foot{margin-top:auto;padding:16px 10px 4px;color:#555;letter-spacing:1.2px;font-size:8px}
.admin-v39 .admin-main{margin-left:286px;min-width:0;flex:1;background:#f5f6f8}.admin-top-v39{height:72px;position:sticky;top:0;z-index:70;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e9eaed;display:flex;align-items:center;padding:0 28px;gap:16px}.admin-top-v39 .side-toggle{display:none}.admin-top-title{display:flex;flex-direction:column}.admin-top-title b{font-size:14px}.admin-top-title small{font-size:9px;color:#909399;letter-spacing:.3px}.admin-top-meta{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:10px;color:#777}.admin-top-meta a{padding:7px 10px;border:1px solid #e2e2e2;border-radius:9px;background:#fff;color:#b00016;font-weight:800}.admin-content-v39{padding:28px;max-width:1450px;margin:0 auto}.admin-flash{margin:0 0 18px!important}
.admin-hero-card{background:radial-gradient(circle at 92% 12%,rgba(255,255,255,.08),transparent 25%),linear-gradient(120deg,#171717 0%,#2a0d11 58%,#940014 100%);border-radius:26px;color:#fff;padding:32px 34px;display:flex;align-items:center;justify-content:space-between;gap:26px;box-shadow:0 22px 50px rgba(34,0,5,.15);position:relative;overflow:hidden}.admin-hero-card h1{font-size:32px;line-height:1.08;margin:7px 0 8px;letter-spacing:-1px}.admin-hero-card p{max-width:680px;color:#d8ced0;margin:0;font-size:12px}.admin-kicker{font-size:8px;text-transform:uppercase;letter-spacing:2px;font-weight:900;color:#e40020}.admin-hero-card .admin-kicker{color:#ffb1bb}.admin-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.admin-hero-side a{font-size:10px;color:#fff;border-bottom:1px solid rgba(255,255,255,.35)}.role-pill{background:#fff!important;color:#161616!important;border:0!important;border-radius:999px!important;padding:6px 11px!important;font-size:9px!important;text-transform:uppercase;letter-spacing:1px;font-weight:900}
.admin-section-label{display:flex;align-items:end;justify-content:space-between;margin:28px 2px 10px}.admin-section-label span{font-size:13px;font-weight:900}.admin-section-label small{font-size:9px;color:#999}.admin-stats-modern{grid-template-columns:repeat(4,1fr);gap:12px}.admin-stats-modern .stat-card{border:1px solid #e7e8eb;border-radius:18px;background:#fff;padding:19px;box-shadow:none}.admin-stats-modern .stat-card span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8e9298}.admin-stats-modern .stat-card b{font-size:32px;line-height:1;margin:9px 0 7px;display:block;color:#111}.admin-stats-modern .stat-card small{font-size:9px;color:#9a9a9a}.admin-stats-modern .stat-red{background:linear-gradient(145deg,#e40020,#a10016);border-color:transparent;color:#fff}.admin-stats-modern .stat-red span,.admin-stats-modern .stat-red b,.admin-stats-modern .stat-red small{color:#fff}.admin-stats-modern .stat-dark{background:#191919;border-color:#191919}.admin-stats-modern .stat-dark span,.admin-stats-modern .stat-dark b,.admin-stats-modern .stat-dark small{color:#fff}
.content-mini-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.content-mini-stats a{background:#fff;border:1px solid #e8e9ec;border-radius:16px;padding:14px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;transition:.2s}.content-mini-stats a:hover{transform:translateY(-2px);border-color:#e4a6ae;box-shadow:0 12px 30px rgba(20,20,20,.05)}.content-mini-stats span{grid-row:1/3;width:32px;height:32px;border-radius:10px;background:#fff0f2;color:#c00019;display:grid;place-items:center}.content-mini-stats b{font-size:17px;line-height:1}.content-mini-stats small{font-size:9px;color:#8d8d8d}.admin-action-grid{grid-template-columns:repeat(3,1fr);gap:12px}.admin-action-grid .action-panel{background:#fff;border:1px solid #e7e8eb;border-radius:18px;padding:20px;position:relative;box-shadow:none;transition:.2s}.admin-action-grid .action-panel:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.06);border-color:#dfb0b6}.admin-action-grid .action-panel i{width:38px;height:38px;border-radius:11px;background:#111;color:#fff;display:grid;place-items:center;font-style:normal;margin-bottom:14px}.admin-action-grid .action-panel b{display:block;font-size:13px}.admin-action-grid .action-panel p{font-size:10px;color:#858585;min-height:38px}.admin-action-grid .action-panel>span{font-size:9px;color:#c4001b;font-weight:900}
.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.admin-page-head h1{font-size:27px;line-height:1.08;margin:5px 0 5px;letter-spacing:-.6px}.admin-page-head p{margin:0;color:#85888c;font-size:11px}.admin-head-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-btn-primary{background:#d6001d!important;color:#fff!important;border-radius:10px!important;padding:10px 14px!important;font-size:10px!important}.admin-btn-secondary{background:#fff!important;border:1px solid #dedfe2!important;color:#333!important;border-radius:10px!important;padding:10px 14px!important;font-size:10px!important}.admin-card{background:#fff;border:1px solid #e6e7ea;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.025)}.content-table-card{overflow:hidden}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th{background:#fafafa;color:#7d8085;font-size:8px;text-transform:uppercase;letter-spacing:1px;text-align:left;padding:12px 14px;border-bottom:1px solid #ececee}.admin-table td{padding:13px 14px;border-bottom:1px solid #f0f0f1;font-size:10px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.text-right{text-align:right!important}.table-actions{white-space:nowrap}.table-actions a{display:inline-block;margin-left:7px;padding:6px 8px;border-radius:7px;background:#f2f3f5;font-weight:800;color:#444}.table-actions a.danger{background:#fff0f2;color:#c00019}.table-sub{display:block;color:#999;margin-top:3px;max-width:400px}.table-person{display:flex;align-items:center;gap:10px}.table-person img,.table-person>span{width:38px;height:38px;border-radius:11px;object-fit:cover;background:#eee;display:grid;place-items:center;font-weight:900}.table-person b,.table-person small{display:block}.table-person small{color:#999;margin-top:2px}.table-thumb{width:58px;height:44px;border-radius:8px;object-fit:cover}.video-badge{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff}.admin-status{display:inline-block;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;background:#eceff2;color:#666;text-transform:uppercase}.admin-status.aktif,.admin-status.publikasi{background:#e7f7ec;color:#26743d}.admin-status.draft{background:#fff2d8;color:#8d6506}.admin-status.nonaktif{background:#f0f0f0;color:#888}.admin-empty{text-align:center;padding:55px 20px}.admin-empty>span{width:55px;height:55px;border-radius:18px;background:#fff0f2;color:#d6001d;display:grid;place-items:center;margin:0 auto 13px;font-size:23px}.admin-empty h3{margin:0 0 4px}.admin-empty p{color:#929292;font-size:10px}
.admin-form-card{padding:24px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-form-grid label{font-size:10px;font-weight:800;color:#4a4d51}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{width:100%;margin-top:6px;border:1px solid #dadce0;background:#fff;border-radius:10px;padding:11px 12px;font:inherit;color:#222;outline:none}.admin-form-grid input:focus,.admin-form-grid select:focus,.admin-form-grid textarea:focus{border-color:#d6001d;box-shadow:0 0 0 3px rgba(214,0,29,.07)}.admin-form-grid label small{display:block;color:#999;font-size:8px;font-weight:500;margin-top:5px}.admin-form-grid .full{grid-column:1/-1}.admin-form-actions{display:flex;gap:8px;padding-top:3px}.structure-preview{padding:24px}.structure-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.structure-admin-node{border:1px solid #e8e9eb;border-radius:14px;padding:15px;background:#fafafa}.structure-admin-node small,.structure-admin-node b,.structure-admin-node span{display:block}.structure-admin-node small{color:#c00019;text-transform:uppercase;letter-spacing:1px;font-size:8px;font-weight:900}.structure-admin-node b{margin:6px 0 5px}.structure-admin-node span{font-size:8px;color:#999}
/* Public CMS live content */
.live-staff-grid{align-items:stretch}.staff-avatar span{width:100%;height:100%;display:grid;place-items:center;font-size:30px;font-weight:900;background:#f1f1f1;color:#bbb}.org-live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.org-live-grid .org-primary{grid-column:1/-1;max-width:420px;margin:0 auto;width:100%}.agenda-live-list{display:grid;gap:14px;max-width:900px;margin:auto}.agenda-live-card{display:grid;grid-template-columns:86px 1fr;gap:20px;border:1px solid #ece6e6;border-radius:18px;background:#fff;padding:16px;box-shadow:0 9px 28px rgba(0,0,0,.03)}.agenda-date{background:#d5001c;color:#fff;border-radius:14px;display:grid;place-items:center;align-content:center;min-height:82px}.agenda-date b{font-size:28px;line-height:1}.agenda-date span{font-size:9px;letter-spacing:1px}.agenda-copy small{color:#a00015;font-weight:800;font-size:9px}.agenda-copy h3{margin:4px 0 5px}.agenda-copy p{margin:0;color:#6f6f6f;font-size:12px}.news-live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-live-card{border:1px solid #ebe5e6;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.035)}.news-live-card>img{width:100%;height:210px;object-fit:cover}.news-live-body{padding:18px}.news-live-body small{font-size:9px;color:#b00017}.news-live-body h3{margin:5px 0 8px;font-size:19px}.news-live-body p{font-size:12px;color:#777}.news-live-body details summary{cursor:pointer;color:#c00019;font-weight:800;font-size:10px}.news-full-text{font-size:12px;line-height:1.8;color:#555;margin-top:12px;text-align:justify}.gallery-live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery-live-item{margin:0;border:1px solid #ebe6e6;border-radius:18px;overflow:hidden;background:#fff}.gallery-live-item img{width:100%;height:250px;object-fit:cover;display:block}.gallery-live-item figcaption{padding:13px}.gallery-live-item small,.gallery-live-item b{display:block}.gallery-live-item small{font-size:8px;color:#b00017}.gallery-live-item b{margin:3px 0}.gallery-live-item p{font-size:10px;color:#777;margin:0}.video-live-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.video-live-card{border:1px solid #e9e5e5;border-radius:20px;overflow:hidden;background:#fff}.video-frame{aspect-ratio:16/9;background:#111;display:grid;place-items:center}.video-frame iframe{width:100%;height:100%;border:0}.video-frame>a{color:#fff;font-weight:800}.video-live-body{padding:15px}.video-live-body small{font-size:8px;color:#b00017}.video-live-body h3{margin:3px 0 6px}.video-live-body p{font-size:10px;color:#777}
@media(max-width:1100px){.admin-stats-modern{grid-template-columns:repeat(2,1fr)}.content-mini-stats{grid-template-columns:repeat(3,1fr)}.admin-action-grid{grid-template-columns:repeat(2,1fr)}.news-live-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.admin-sidebar-v39{transform:translateX(-105%);transition:.25s;width:min(290px,88vw)}.admin-sidebar-v39.open{transform:translateX(0)}.admin-v39 .admin-main{margin-left:0}.admin-top-v39{padding:0 15px;height:64px}.admin-top-v39 .side-toggle{display:grid;width:38px;height:38px;place-items:center;border:1px solid #e2e2e2;background:#fff;border-radius:10px}.admin-side-close{display:block}.admin-overlay{position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:110;opacity:0;pointer-events:none;transition:.2s}.admin-sidebar-v39.open + .admin-overlay{opacity:1;pointer-events:auto}.admin-content-v39{padding:18px 14px 30px}.admin-top-meta span{display:none}.admin-hero-card{padding:24px;align-items:flex-start}.admin-hero-side{display:none}.admin-hero-card h1{font-size:26px}.structure-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.admin-page-head{align-items:flex-start;flex-direction:column}.admin-head-actions{width:100%}.admin-head-actions .btn{flex:1}.admin-stats-modern{grid-template-columns:1fr 1fr;gap:8px}.admin-stats-modern .stat-card{padding:15px}.admin-stats-modern .stat-card b{font-size:27px}.content-mini-stats{grid-template-columns:1fr 1fr}.content-mini-stats a:last-child{grid-column:1/-1}.admin-action-grid{grid-template-columns:1fr}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .full{grid-column:auto}.admin-form-actions{flex-direction:column}.admin-form-actions .btn{width:100%}.structure-admin-grid{grid-template-columns:1fr}.admin-top-meta a{font-size:8px}.admin-table{min-width:680px}.org-live-grid,.news-live-grid,.gallery-live-grid,.video-live-grid{grid-template-columns:1fr}.agenda-live-card{grid-template-columns:65px 1fr;gap:12px}.agenda-date{min-height:68px}.gallery-live-item img{height:220px}}

/* V40 - HERO PROFIL CTA DIHILANGKAN */
.identity-card>p:last-child{margin-bottom:0!important}


/* V41 - penanda data contoh CMS */
.demo-content-note{display:flex;align-items:flex-start;gap:12px;margin:0 0 28px;padding:14px 16px;border:1px solid #f0d5d9;background:#fff7f8;border-radius:16px;color:#5d4b4e;box-shadow:0 8px 24px rgba(80,20,30,.04)}
.demo-content-note b{flex:0 0 auto;color:#c40020;font-size:12px;text-transform:uppercase;letter-spacing:.8px}
.demo-content-note span{font-size:13px;line-height:1.6}
@media(max-width:760px){.demo-content-note{display:block;padding:13px 14px;margin-bottom:20px}.demo-content-note b{display:block;margin-bottom:4px}.demo-content-note span{display:block;font-size:12px}}


/* V43 - BERITA NYATA DESA SIDAS */
.news-live-placeholder{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#8c0014,#df001f);color:#fff;text-align:center;letter-spacing:2px}
.news-live-placeholder span{font-size:11px;opacity:.78}.news-live-placeholder b{font-size:22px;margin-top:5px}.news-source{margin-top:16px;padding-top:12px;border-top:1px solid #eee;font-size:12px;color:#756b6b}.news-source a{color:#c9001d;font-weight:800}.news-live-card>img{width:100%;height:210px;object-fit:cover;display:block}
@media(max-width:760px){.news-live-placeholder,.news-live-card>img{height:190px}.news-source{font-size:11px}}


/* V44 - HALAMAN DETAIL BERITA */
.news-read-more{display:inline-flex;align-items:center;gap:7px;margin-top:7px;color:#c6001c;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.3px}.news-read-more span{transition:transform .2s ease}.news-read-more:hover span{transform:translateX(4px)}
.news-detail-hero{padding:70px 0 62px}.news-detail-hero-inner{max-width:960px}.news-back-link{display:inline-flex;margin-bottom:18px;font-size:11px;font-weight:800}.news-back-link.light{color:rgba(255,255,255,.82)}.news-detail-hero h1{max-width:920px;font-size:clamp(34px,5vw,58px);line-height:1.07;margin:6px 0 14px;letter-spacing:-1.7px}.news-detail-meta{display:flex;gap:10px;flex-wrap:wrap;color:#f3dfe2;font-size:11px}
.news-detail-section{background:linear-gradient(180deg,#fff,#faf8f8);padding-top:52px}.news-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:start}.news-detail-article{min-width:0}.news-detail-cover{margin:0 0 28px;border-radius:26px;overflow:hidden;background:#eee;box-shadow:0 18px 50px rgba(20,5,8,.08)}.news-detail-cover img{display:block;width:100%;max-height:560px;object-fit:cover}.news-detail-placeholder{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#8d0014,#df001f);color:#fff;letter-spacing:2px}.news-detail-placeholder span{font-size:13px;opacity:.8}.news-detail-placeholder b{font-size:28px}.news-detail-lead{font-size:19px;line-height:1.75;font-weight:650;color:#382f31;margin:0 0 26px;padding:0 0 24px;border-bottom:1px solid #eee}.news-detail-body{font-size:16px;line-height:1.95;color:#51484a;text-align:justify}.news-detail-body br{content:""}.news-detail-source{margin-top:34px;padding:18px 20px;border:1px solid #ecdfe1;border-radius:17px;background:#fff8f9}.news-detail-source small{display:block;color:#9b7d81;font-size:9px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:4px}.news-detail-source a{color:#c6001c;font-weight:850;font-size:13px}.news-detail-bottom{margin-top:28px}.news-back-button{display:inline-flex;padding:10px 14px;border-radius:11px;background:#111;color:#fff;font-size:11px;font-weight:800}
.news-related{position:sticky;top:105px;background:#fff;border:1px solid #eee5e6;border-radius:22px;padding:18px;box-shadow:0 12px 36px rgba(25,8,12,.04)}.news-related-head{padding:4px 4px 12px;border-bottom:1px solid #eee}.news-related-head h3{font-size:20px;margin:0}.news-related-item{display:grid;grid-template-columns:82px 1fr;gap:11px;padding:13px 2px;border-bottom:1px solid #f0ebec;align-items:center}.news-related-item:last-child{border-bottom:0}.news-related-item img,.news-related-placeholder{width:82px;height:66px;border-radius:11px;object-fit:cover}.news-related-placeholder{display:grid;place-items:center;background:#d6001c;color:#fff;font-size:10px;font-weight:900}.news-related-item small{display:block;color:#b00017;font-size:8px;margin-bottom:3px}.news-related-item strong{display:block;font-size:11px;line-height:1.45;color:#332b2d}
@media(max-width:900px){.news-detail-layout{grid-template-columns:1fr}.news-related{position:static}.news-related{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.news-related-head{grid-column:1/-1}.news-related-item{grid-template-columns:72px 1fr}.news-related-item img,.news-related-placeholder{width:72px;height:60px}}
@media(max-width:600px){.news-detail-hero{padding:52px 0 42px}.news-detail-hero h1{font-size:31px;letter-spacing:-.8px}.news-detail-meta{font-size:9px}.news-detail-section{padding-top:28px}.news-detail-cover{border-radius:18px;margin-bottom:20px}.news-detail-cover img{max-height:360px}.news-detail-placeholder{min-height:240px}.news-detail-lead{font-size:16px;line-height:1.72;margin-bottom:20px;padding-bottom:18px;text-align:justify}.news-detail-body{font-size:14px;line-height:1.85;text-align:justify}.news-detail-source{padding:15px}.news-related{grid-template-columns:1fr;padding:15px}.news-related-head{grid-column:auto}.news-related-item{grid-template-columns:82px 1fr}.news-related-item img,.news-related-placeholder{width:82px;height:64px}.news-read-more{font-size:10px}}


/* V45 - SIDEBAR BERITA TERBARU + AGENDA + LAYANAN CEPAT */
.news-sidebar-stack{position:sticky;top:105px;display:grid;gap:18px;min-width:0}
.news-sidebar-card{background:#fff;border:1px solid #eee5e6;border-radius:22px;padding:18px;box-shadow:0 12px 36px rgba(25,8,12,.04)}
.news-sidebar-stack .news-related{position:static;top:auto}
.news-sidebar-title{padding:4px 4px 12px;border-bottom:1px solid #eee}
.news-sidebar-title h3{font-size:20px;margin:0}
.news-sidebar-empty{margin:14px 4px 4px;color:#8b7d80;font-size:12px;line-height:1.6}
.agenda-sidebar-list{display:grid}
.agenda-sidebar-item{display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:start;padding:13px 2px;border-bottom:1px solid #f0ebec}
.agenda-sidebar-item:last-child{border-bottom:0}
.agenda-date-box{width:48px;height:52px;border-radius:12px;background:linear-gradient(145deg,#d8001d,#8d0014);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(180,0,23,.14)}
.agenda-date-box b{font-size:17px;line-height:1}.agenda-date-box small{font-size:8px;letter-spacing:.7px;margin-top:3px}
.agenda-sidebar-copy{min-width:0}.agenda-sidebar-copy strong{display:block;font-size:11px;line-height:1.45;color:#332b2d;margin-bottom:4px}.agenda-sidebar-copy small{display:block;font-size:8px;line-height:1.5;color:#947f83}
.news-sidebar-more{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:10px 11px;border-radius:11px;background:#fff5f6;color:#bc001a;font-size:10px;font-weight:850}
.quick-service-list{display:grid;gap:9px;margin-top:12px}.quick-service-list>a{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #f0e7e8;border-radius:14px;background:linear-gradient(180deg,#fff,#fffafa);transition:.2s}.quick-service-list>a:hover{transform:translateY(-2px);border-color:#e2c9cd;box-shadow:0 8px 20px rgba(120,0,20,.06)}
.quick-service-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f7e7e9;color:#ba001a;font-size:18px;font-weight:900}.quick-service-list b{display:block;font-size:11px;color:#2f292a}.quick-service-list small{display:block;font-size:8px;color:#947f83;margin-top:2px}.quick-service-list i{font-style:normal;color:#c0001b;font-weight:900}
@media(max-width:900px){.news-sidebar-stack{position:static;grid-template-columns:1fr 1fr;gap:16px}.news-sidebar-stack .news-related{display:block}.quick-service-card{grid-column:1/-1}.news-related-head{grid-column:auto}.news-related-item{grid-template-columns:72px 1fr}}
@media(max-width:600px){.news-sidebar-stack{grid-template-columns:1fr;gap:14px}.quick-service-card{grid-column:auto}.news-sidebar-card{padding:15px;border-radius:18px}.agenda-sidebar-item{grid-template-columns:46px 1fr}.agenda-date-box{width:46px;height:50px}.quick-service-list>a{grid-template-columns:40px 1fr auto}.quick-service-icon{width:40px;height:40px}}


/* V46 - SIDEBAR JUGA DI HALAMAN DAFTAR BERITA */
.news-list-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}
.news-list-main{min-width:0}
.news-live-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.news-list-sidebar{position:sticky;top:105px;display:grid;gap:18px;min-width:0}
.news-list-sidebar .news-sidebar-card{background:#fff;border:1px solid #eee5e6;border-radius:22px;padding:18px;box-shadow:0 12px 36px rgba(25,8,12,.04)}
.news-list-highlight .news-related-item:last-child{border-bottom:0}
@media(max-width:980px){
  .news-list-layout{grid-template-columns:1fr}
  .news-list-sidebar{position:static;grid-template-columns:1fr 1fr;gap:16px}
  .news-list-sidebar .quick-service-card{grid-column:1/-1}
}
@media(max-width:700px){
  .news-live-grid-list{grid-template-columns:1fr!important}
  .news-list-sidebar{grid-template-columns:1fr}
  .news-list-sidebar .quick-service-card{grid-column:auto}
  .news-list-layout{gap:22px}
}


/* V47 - GALERI NYATA DESA SIDAS */
.gallery-real-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gallery-real-item{box-shadow:0 12px 34px rgba(25,12,15,.055);transition:transform .25s ease,box-shadow .25s ease}
.gallery-real-item:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(25,12,15,.10)}
.gallery-photo-button{position:relative;width:100%;padding:0;border:0;background:#eee;cursor:zoom-in;display:block;overflow:hidden}
.gallery-photo-button img{width:100%;height:255px;object-fit:cover;display:block;transition:transform .35s ease}
.gallery-photo-button:hover img{transform:scale(1.035)}
.gallery-zoom{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(25,10,13,.76);color:#fff;font-size:18px;backdrop-filter:blur(7px)}
.gallery-source-link{display:inline-flex;margin-top:9px;color:#c5001b;font-size:9px;font-weight:800;line-height:1.4}
.gallery-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(8,6,7,.93);display:none;align-items:center;justify-content:center;padding:44px 24px 68px}
.gallery-lightbox.open{display:flex;flex-direction:column}
.gallery-lightbox img{max-width:min(1100px,94vw);max-height:78vh;object-fit:contain;border-radius:12px;box-shadow:0 30px 90px rgba(0,0,0,.48)}
.gallery-lightbox-title{color:#fff;margin-top:15px;font-weight:800;text-align:center;max-width:850px}
.gallery-lightbox-close{position:absolute;right:22px;top:18px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:30px;cursor:pointer}
.video-real-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.video-real-card{box-shadow:0 12px 34px rgba(25,12,15,.055)}
.social-video-cover{width:100%;height:100%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.13),transparent 34%),linear-gradient(145deg,#d5001c,#68000d);color:#fff!important;text-align:center;padding:24px}
.social-video-badge{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#d0001b;font-weight:900;font-size:24px;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.social-video-cover b{font-size:18px}.social-video-cover small{font-size:10px;color:#f3d8dc}
.video-real-card .video-live-body p{font-size:11px;line-height:1.7}
@media(max-width:980px){.gallery-real-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.gallery-real-grid,.video-real-grid{grid-template-columns:1fr}.gallery-photo-button img{height:240px}.gallery-lightbox{padding:64px 12px}.gallery-lightbox img{max-width:96vw;max-height:72vh}.gallery-lightbox-close{right:12px;top:12px}}


/* V48 - AGENDA DESA NYATA + TIMELINE RESPONSIVE */
.agenda-premium-section{background:linear-gradient(180deg,#fff 0,#fffafa 100%)}
.agenda-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.agenda-section-head h2,.agenda-archive-head h2{margin:2px 0 0;font-size:clamp(30px,4vw,44px);letter-spacing:-1.4px}
.agenda-head-badge{display:flex;align-items:center;gap:10px;border:1px solid #eee1e3;border-radius:18px;padding:12px 16px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.035)}
.agenda-head-badge b{font-size:28px;color:#d5001c}.agenda-head-badge span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8a797b}
.agenda-empty-upcoming{display:flex;align-items:center;gap:18px;border:1px dashed #e1c8cc;background:#fff;border-radius:22px;padding:24px;margin-bottom:58px}
.agenda-empty-icon{width:58px;height:58px;border-radius:18px;background:#fff0f2;color:#d5001c;display:grid;place-items:center;font-size:27px;flex:0 0 auto}
.agenda-empty-upcoming h3{margin:0 0 4px;font-size:18px}.agenda-empty-upcoming p{margin:0;color:#776c6d;font-size:12px}
.agenda-upcoming-grid,.agenda-archive-list{display:grid;gap:16px}
.agenda-archive-head{margin:54px 0 22px;max-width:760px}.agenda-archive-head p{margin:6px 0 0;color:#756d6e;font-size:13px}
.agenda-premium-card{display:grid;grid-template-columns:98px 1fr;gap:22px;padding:18px;border:1px solid #ebe1e3;background:#fff;border-radius:22px;box-shadow:0 12px 34px rgba(40,16,20,.045);transition:.22s ease}
.agenda-premium-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(40,16,20,.07)}
.agenda-premium-card.upcoming{border-color:#e7c4ca;background:linear-gradient(100deg,#fff,#fff9fa)}
.agenda-premium-date{min-height:96px;border-radius:17px;background:linear-gradient(150deg,#d9001c,#990014);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(213,0,28,.17)}
.agenda-premium-date b{font-size:31px;line-height:1}.agenda-premium-date span{font-size:10px;font-weight:900;letter-spacing:1.4px;margin-top:5px}.agenda-premium-date em{font-style:normal;font-size:9px;opacity:.72;margin-top:2px}
.agenda-premium-copy{min-width:0;padding:2px 4px 3px 0}.agenda-premium-copy small{display:block;color:#9b7d81;font-size:10px;font-weight:700;margin:4px 0 2px}.agenda-premium-copy h3{margin:5px 0 7px;font-size:20px;line-height:1.25;color:#1c1819}.agenda-premium-copy p{margin:0;color:#665d5e;font-size:13px;line-height:1.75;text-align:justify}
.agenda-status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.agenda-status.upcoming{background:#fff0d9;color:#955d00}.agenda-status.done{background:#edf5ef;color:#387049}
.agenda-source{display:inline-flex;margin-top:10px;color:#bd0019;font-size:10px;font-weight:800;text-decoration:none}.agenda-source:hover{text-decoration:underline}
@media(max-width:760px){
  .agenda-section-head{align-items:flex-start;flex-direction:column;gap:12px}.agenda-head-badge{padding:9px 13px}.agenda-head-badge b{font-size:24px}
  .agenda-empty-upcoming{align-items:flex-start;padding:18px;margin-bottom:40px}.agenda-empty-icon{width:48px;height:48px;border-radius:14px;font-size:22px}
  .agenda-archive-head{margin-top:42px}.agenda-premium-card{grid-template-columns:72px 1fr;gap:13px;padding:13px;border-radius:18px}.agenda-premium-date{min-height:78px;border-radius:14px}.agenda-premium-date b{font-size:25px}.agenda-premium-copy h3{font-size:17px}.agenda-premium-copy p{font-size:12px;line-height:1.7}.agenda-premium-copy small{font-size:9px}
}
@media(max-width:470px){
  .agenda-premium-card{grid-template-columns:1fr}.agenda-premium-date{min-height:64px;display:grid;grid-template-columns:auto auto auto;justify-content:start;align-content:center;gap:7px;padding:10px 14px}.agenda-premium-date b{font-size:23px}.agenda-premium-date span,.agenda-premium-date em{margin:0;align-self:end}.agenda-premium-copy{padding:0 2px 3px}.agenda-premium-copy p{text-align:justify}.agenda-empty-upcoming{gap:12px}
}