/*
Theme Name: Karang Taruna Pondok Sukatani Permai
Author: Karang Taruna Pondok Sukatani Permai
Description: Tema premium biru modern dan responsif untuk Karang Taruna Pondok Sukatani Permai.
Version: 3.0.0
Text Domain: kt-pondok-sukatani
*/
:root{--blue:#087cf2;--blue2:#005bc5;--navy:#07356f;--navy2:#052b5e;--ink:#102f59;--muted:#60789b;--soft:#f3f8fe;--line:#dce8f6;--white:#fff;--shadow:0 18px 50px rgba(9,54,112,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--soft);line-height:1.65}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-60px;background:#fff;padding:10px 16px;z-index:99999;color:var(--navy);font-weight:800}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:9990;background:rgba(4,49,105,.96);backdrop-filter:blur(16px);box-shadow:0 4px 18px rgba(0,26,68,.12)}.header-shell{width:min(1200px,calc(100% - 44px));height:68px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:#fff;min-width:255px}.brand-logo img,.brand-logo .custom-logo{width:47px;height:47px;object-fit:contain}.brand-copy{line-height:1.12}.brand-copy strong{display:block;font-size:17px;letter-spacing:-.02em}.brand-copy small{display:block;font-size:10px;margin-top:3px;opacity:.88}.brand-copy em{display:block;font-style:normal;font-size:8px;margin-top:4px;opacity:.72;letter-spacing:.08em}.main-navigation{display:flex;align-items:center;justify-content:flex-end;flex:1}.menu-list{display:flex;align-items:center;gap:7px;margin:0;padding:0;list-style:none}.menu-list>li>a,.warga-menu-row>a{display:flex;align-items:center;gap:5px;padding:11px 15px;border-radius:9px;color:rgba(255,255,255,.88);font-size:12px;font-weight:800;transition:.2s}.menu-list>li>a:hover,.menu-list>li>a.is-active,.warga-menu-row>a:hover{background:rgba(255,255,255,.10);color:#fff}.menu-list>li>a.is-active:after{content:"";position:absolute}.warga-menu-item{position:relative}.warga-menu-row{display:flex;align-items:center}.submenu-toggle{border:0;background:transparent;color:#fff;width:28px;height:34px;border-radius:8px;cursor:pointer}.submenu-toggle:hover{background:rgba(255,255,255,.1)}.submenu-toggle[aria-expanded=true]{transform:rotate(180deg)}.submenu-warga{position:absolute;right:0;top:calc(100% + 7px);min-width:210px;margin:0;padding:8px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 42px rgba(0,32,78,.22);z-index:10000}.submenu-warga[hidden]{display:none}.submenu-warga a{display:block;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:800;color:var(--ink)}.submenu-warga a:hover{background:var(--soft);color:var(--blue)}.user-dot{font-size:9px}.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px}.menu-toggle>span:not(.sr-only){display:block;width:23px;height:2px;margin:5px auto;background:#fff;border-radius:4px}
.hero-premium{position:relative;min-height:430px;display:flex;align-items:center;overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;background:url('assets/kegiatan-1.jpg') center 46%/cover no-repeat;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,40,91,.95) 0%,rgba(4,54,112,.86) 43%,rgba(4,54,112,.35) 100%)}.hero-inner{position:relative;z-index:2;padding:62px 0 82px}.hero-content{max-width:730px}.hero-kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:900;letter-spacing:.08em}.hero-kicker span{width:7px;height:7px;border-radius:50%;background:#56b6ff;box-shadow:0 0 0 5px rgba(86,182,255,.15)}.hero-premium h1{font-size:clamp(42px,5.2vw,68px);line-height:1.03;letter-spacing:-.045em;margin:16px 0 17px}.hero-premium h1 strong{font-weight:900}.hero-content>p{max-width:680px;margin:0 0 24px;color:rgba(255,255,255,.86);font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 18px;border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:900;transition:.2s}.btn b{font-size:17px;line-height:1}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 9px 22px rgba(0,92,204,.25)}.btn-blue:hover{background:#1688ff;transform:translateY(-2px)}.btn-outline{border-color:rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.04)}.btn-outline:hover{background:#fff;color:var(--navy)}.btn-outline-blue{border-color:#72adf5;color:var(--blue);background:#fff}.btn-outline-blue:hover{background:var(--blue);color:#fff}.btn-white{background:#fff;color:var(--navy);box-shadow:0 8px 20px rgba(0,0,0,.12)}.btn-white:hover{transform:translateY(-2px)}.compact{padding:10px 17px}.hero-meta{display:flex;align-items:center;gap:9px;margin-top:25px;font-size:11px;color:rgba(255,255,255,.72)}.live-dot{width:7px;height:7px;border-radius:50%;background:#74f0a2;box-shadow:0 0 0 5px rgba(116,240,162,.13)}.hero-wave{position:absolute;left:0;right:0;bottom:-1px;height:52px;background:var(--soft);clip-path:polygon(0 50%,12% 20%,24% 53%,37% 24%,51% 55%,65% 18%,79% 51%,91% 25%,100% 48%,100% 100%,0 100%)}
.quick-stats-wrap{position:relative;z-index:4;background:var(--soft);padding:0 0 24px}.quick-stats-premium{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.stat-item{min-height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line);text-align:center}.stat-item:last-child{border-right:0}.stat-icon{color:var(--blue);font-size:24px;line-height:1;margin-bottom:7px}.stat-item strong{font-size:17px;line-height:1.2;color:var(--navy)}.stat-item small{font-size:11px;color:var(--muted);margin-top:3px}
.section{padding:74px 0}.section-white{background:#fff}.section-soft{background:var(--soft)}.section-kicker{font-size:10px;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.18em}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:52px;align-items:center}.about-photo{position:relative}.about-photo img{height:330px;width:100%;object-fit:cover;border-radius:10px;box-shadow:var(--shadow)}.photo-tag{position:absolute;left:18px;bottom:17px;background:rgba(4,45,99,.9);color:#fff;padding:8px 12px;border-radius:7px;font-size:10px;font-weight:800}.about-copy{position:relative}.about-copy h2,.section-title-row h2,.gallery-heading h2,.news-intro h2{font-size:clamp(31px,4vw,47px);line-height:1.04;letter-spacing:-.04em;margin:8px 0 14px;color:var(--navy)}.about-copy h2 strong{color:var(--blue)}.about-copy>p{max-width:590px;color:var(--muted);font-size:14px}.hand-note{position:absolute;right:0;bottom:-15px;color:#78aef0;opacity:.75;font-size:25px;line-height:1.02;font-style:italic;font-weight:700;transform:rotate(-7deg);text-align:center}.hand-note strong{font-weight:900}
.section-title-row,.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-title-row h2,.gallery-heading h2{margin-bottom:5px}.section-title-row p,.gallery-heading p{margin:0;color:var(--muted);font-size:12px}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#eaf4ff;border-radius:10px;padding:19px 22px}.person-card{display:flex;align-items:center;gap:12px;padding:8px 18px;border-right:1px solid #cddff4}.person-card:last-child{border-right:0}.avatar{width:48px;height:48px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#dceeff,#f8fbff);color:#0a477f;box-shadow:0 0 0 1px #b9d5f4;font-size:18px}.person-card strong{display:block;font-size:11px;color:var(--navy)}.person-card small{display:block;font-size:9px;color:var(--muted)}
.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.activity-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 10px 32px rgba(11,53,108,.08);border:1px solid #e8f0f8}.activity-image{height:145px;position:relative;overflow:hidden}.activity-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.activity-card:hover .activity-image img{transform:scale(1.04)}.round-icon{position:absolute;left:16px;bottom:-19px;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;border:4px solid #fff;font-size:16px}.activity-body{position:relative;padding:29px 18px 17px}.activity-body h3{margin:0 0 4px;color:var(--navy);font-size:13px}.activity-body p{margin:0;max-width:270px;color:var(--muted);font-size:11px}.activity-body>a{position:absolute;right:17px;bottom:17px;width:28px;height:28px;border:1px solid #a8c9ee;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-weight:900}
.gallery-section{padding-bottom:0}.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.gallery-grid figure{margin:0;overflow:hidden;border-radius:7px;height:120px;background:#dce8f5}.gallery-grid figure:nth-child(1),.gallery-grid figure:nth-child(4){grid-column:span 2}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery-grid figure:hover img{transform:scale(1.05)}
.news-layout{display:grid;grid-template-columns:.75fr 1.7fr;gap:60px;align-items:start}.news-intro p{color:var(--muted);font-size:13px;max-width:330px}.text-link{color:var(--blue);font-size:11px;font-weight:900}.news-list{display:grid;gap:16px}.news-card-premium{display:grid;grid-template-columns:180px 1fr;gap:18px;background:#fff;border:1px solid #e5eef8;border-radius:10px;padding:10px;box-shadow:0 10px 28px rgba(9,54,112,.06)}.news-thumb{min-height:135px;border-radius:7px;overflow:hidden;background:#eaf4ff}.news-thumb img{width:100%;height:100%;object-fit:cover}.placeholder-thumb{display:grid;place-items:center;color:var(--blue);font-size:32px;font-weight:900}.news-body{padding:7px 10px 7px 0}.news-date{display:inline-block;background:#eaf4ff;color:var(--blue);padding:3px 7px;border-radius:4px;font-size:9px;font-weight:900}.news-body h3{margin:8px 0 5px;font-size:16px;line-height:1.25;color:var(--navy)}.news-body p{margin:0 0 10px;color:var(--muted);font-size:11px}
.cta-premium{background:linear-gradient(100deg,#0a4b97,#063675);color:#fff}.cta-inner{min-height:102px;display:flex;align-items:center;gap:18px}.cta-icon{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:20px;flex:none}.cta-inner h2{margin:0;font-size:18px}.cta-inner p{margin:3px 0 0;color:rgba(255,255,255,.74);font-size:11px}.cta-inner .btn{margin-left:auto;flex:none}
.site-footer{background:#032f68;color:#fff}.footer-top{min-height:160px;display:grid;grid-template-columns:1.6fr 1fr 1fr auto;gap:30px;align-items:center}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:48px;height:48px;object-fit:contain}.footer-brand strong{display:block;font-size:11px}.footer-brand span{display:block;font-size:10px;opacity:.85;line-height:1.3}.footer-brand-block>p{margin:9px 0 0;color:rgba(255,255,255,.64);font-size:10px;max-width:300px}.footer-location{display:flex;gap:10px;align-items:flex-start}.footer-pin{font-size:22px;color:#fff}.footer-location small,.footer-location strong{display:block;font-size:9px}.footer-location small{opacity:.72;margin-bottom:3px}.footer-social{display:flex;gap:10px}.footer-social a{width:29px;height:29px;border:1px solid rgba(255,255,255,.24);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900}.footer-social a:hover{background:#fff;color:var(--navy)}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(255,255,255,.65);font-size:9px}
@media(max-width:950px){.header-shell{height:66px}.brand{min-width:0}.brand-copy em{display:none}.menu-toggle{display:block}.main-navigation{position:fixed;top:66px;left:0;right:0;display:block;background:#fff;box-shadow:0 20px 40px rgba(0,30,70,.18);padding:12px 20px;transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s;z-index:9999}.main-navigation.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.menu-list{display:block}.menu-list>li{border-bottom:1px solid var(--line)}.menu-list>li:last-child{border-bottom:0}.menu-list>li>a,.warga-menu-row>a{color:var(--ink);padding:14px 8px}.warga-menu-row{justify-content:space-between}.submenu-toggle{color:var(--ink)}.submenu-warga{position:static;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:4px 0 9px 10px}.quick-stats-premium{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2){border-right:0}.stat-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.about-grid{grid-template-columns:1fr}.people-grid{grid-template-columns:repeat(2,1fr)}.person-card:nth-child(2){border-right:0}.person-card:nth-child(-n+2){border-bottom:1px solid #cddff4;padding-bottom:15px}.person-card:nth-child(n+3){padding-top:15px}.news-layout{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-social{justify-content:flex-end}}
@media(max-width:620px){.container,.header-shell{width:min(100% - 30px,1160px)}.brand-logo img,.brand-logo .custom-logo{width:40px;height:40px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:8px}.hero-premium{min-height:590px}.hero-overlay{background:linear-gradient(90deg,rgba(3,40,91,.95),rgba(4,54,112,.68))}.hero-inner{padding:75px 0 92px}.hero-premium h1{font-size:43px}.hero-content>p{font-size:14px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.quick-stats-premium{grid-template-columns:repeat(2,1fr)}.stat-item{min-height:92px}.stat-icon{font-size:20px}.stat-item strong{font-size:15px}.section{padding:60px 0}.section-title-row,.gallery-heading{display:block}.section-title-row .btn,.gallery-heading .btn{margin-top:14px}.about-photo img{height:290px}.hand-note{position:static;margin:20px 0 0;text-align:right;font-size:20px}.activity-grid{grid-template-columns:1fr}.activity-image{height:190px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid figure,.gallery-grid figure:nth-child(1),.gallery-grid figure:nth-child(4){grid-column:span 1;height:130px}.people-grid{grid-template-columns:1fr;padding:10px 12px}.person-card{border-right:0!important;border-bottom:1px solid #cddff4!important;padding:13px 8px!important}.person-card:last-child{border-bottom:0!important}.news-card-premium{grid-template-columns:1fr}.news-thumb{min-height:180px}.footer-top{grid-template-columns:1fr}.footer-social{justify-content:flex-start}.footer-bottom{display:block;padding:14px 0}.footer-bottom span{display:block;margin-bottom:5px}}

/* Pendaftaran warga - wilayah administratif */
.uk-region-box{grid-column:1/-1;background:#f5f9ff;border:1px solid #d9e8f7;border-radius:12px;padding:15px;margin-top:2px}
.uk-region-title{font-size:12px;font-weight:900;color:#07356f;margin-bottom:10px}.uk-region-title span{float:right;font-size:10px;font-weight:700;color:#087cf2}
.uk-region-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.uk-region-grid label{display:block}.uk-region-grid select,.uk-region-grid input{width:100%}
.uk-region-note{display:block;margin-top:8px;color:#60789b;font-size:10px}
.uk-region-grid select:disabled{background:#eef3f8;color:#8aa0ba;cursor:not-allowed}
@media(max-width:650px){.uk-region-grid{grid-template-columns:1fr}.uk-region-title span{float:none;display:block;margin-top:2px}}

/* Tombol lihat password */
.uk-password-wrap{display:flex;align-items:stretch;gap:6px;width:100%}.uk-password-wrap input{flex:1;min-width:0}.uk-password-toggle{flex:none;border:1px solid #cbd9e8;background:#f7fbff;color:#0759a6;border-radius:7px;padding:0 11px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.uk-password-toggle:hover{background:#e9f3ff}.uk-password-toggle:focus{outline:2px solid #5aa8f5;outline-offset:1px}

/* Cek Bansos menu */
.main-navigation .menu-list > li > a[href*="cekbansos.kemensos.go.id"] {
  white-space: nowrap;
}