/*
Theme Name: MalakaPsi
Theme URI: https://malakatech.com
Author: Malakatech.com — Powered by PT. Malaka Teknologi Indonesia
Author URI: https://malakatech.com
Description: Tema WordPress Pusat Psikologi TNI — hero slider, layanan, nilai, tentang, program unggulan, zona integritas (PDF), kegiatan update (Post), kontak, footer 3 kolom. Semua konten beranda diatur via Customizer.
Version: 1.6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: malakapsi
*/

:root{
  --mp-purple:#5b21b6;
  --mp-purple-2:#7c3aed;
  --mp-purple-deep:#3b0d8f;
  --mp-navy:#1a1f4b;
  --mp-ink:#2a2d5a;
  --mp-muted:#5c6285;
  --mp-bg:#f4f4fb;
  --mp-white:#ffffff;
  --mp-gold:#e6b32b;
  --mp-line:#e5e3f3;
  --mp-radius:14px;
  --mp-shadow:0 10px 30px rgba(59,13,143,.10);
  --mp-font:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--mp-font);color:var(--mp-ink);background:var(--mp-bg);line-height:1.6;font-size:16px}
img{max-width:100%;height:auto;display:block}
svg.mp-i{max-width:100%;flex-shrink:0}
a{color:var(--mp-purple);text-decoration:none}
a:hover{color:var(--mp-purple-2)}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.2;color:var(--mp-navy)}
p{margin:0 0 1em}
.mp-container{max-width:1280px;margin:0 auto;padding:0 24px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mp-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--mp-purple),var(--mp-purple-2));color:#fff;padding:12px 26px;border-radius:8px;font-weight:600;border:0;cursor:pointer;font-family:inherit;font-size:15px;box-shadow:0 8px 20px rgba(91,33,182,.25)}
.mp-btn:hover{color:#fff;filter:brightness(1.08)}
.mp-btn svg{width:16px;height:16px}
.mp-btn--outline{background:#fff;color:var(--mp-purple);border:1.5px solid var(--mp-purple);box-shadow:none}
.mp-btn--outline:hover{background:var(--mp-purple);color:#fff}
.mp-btn--wa{background:#25d366;box-shadow:0 8px 20px rgba(37,211,102,.3)}
.mp-btn--light{background:#fff;color:var(--mp-purple-deep);box-shadow:none}
.mp-btn--light:hover{color:var(--mp-purple)}
.mp-link{font-weight:700;font-size:13px;color:var(--mp-purple);display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.3px}
.mp-link svg{width:14px;height:14px}

/* ---------- Header ---------- */
.mp-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 12px rgba(26,31,75,.08)}
.mp-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}
.mp-brand{display:flex;align-items:center;gap:14px;color:#fff;background:linear-gradient(90deg,var(--mp-purple-deep),var(--mp-purple-2));padding:10px 32px 10px 24px;min-height:88px;align-self:stretch;margin-left:-24px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);min-width:340px}
.mp-brand:hover{color:#fff}
.mp-brand .mp-logo{height:56px;width:auto;object-fit:contain;flex:0 0 auto}
.mp-brand__logo-fallback{width:56px;height:56px;border-radius:50%;background:var(--mp-gold);display:flex;align-items:center;justify-content:center}
.mp-brand__logo-fallback svg{width:32px;height:32px;fill:var(--mp-purple-deep)}
.mp-brand__text{line-height:1.15}
.mp-brand__top{font-size:14px;font-weight:600;letter-spacing:.5px}
.mp-brand__name{font-size:16px;font-weight:800;letter-spacing:.3px}
.mp-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.mp-nav li{position:relative}
.mp-nav a{display:block;padding:10px 12px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--mp-navy);border-bottom:2px solid transparent;white-space:nowrap}
.mp-nav li.current-menu-item>a,.mp-nav li.current_page_item>a,.mp-nav li.current-menu-ancestor>a,.mp-nav a:hover{color:var(--mp-purple);border-bottom-color:var(--mp-purple)}
.mp-nav .sub-menu{display:none;position:absolute;left:0;top:100%;background:#fff;min-width:230px;box-shadow:var(--mp-shadow);border-radius:8px;padding:8px 0;flex-direction:column;z-index:60}
.mp-nav li:hover>.sub-menu,.mp-nav li:focus-within>.sub-menu{display:flex}
.mp-nav .sub-menu a{text-transform:none;letter-spacing:0;font-weight:600;border:0;padding:8px 16px;white-space:normal}
.mp-header__right{display:flex;align-items:center;gap:12px}
.mp-login{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--mp-purple);color:var(--mp-purple);padding:8px 20px;border-radius:999px;font-weight:700;font-size:13px;text-transform:uppercase}
.mp-login svg{width:16px;height:16px}
.mp-login:hover{background:var(--mp-purple);color:#fff}
.mp-burger{display:none;background:none;border:0;cursor:pointer;padding:8px}
.mp-burger span{display:block;width:24px;height:3px;background:var(--mp-purple);margin:5px 0;border-radius:2px}

/* ---------- Hero ---------- */
.mp-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,#ffffff 0,#f1eefb 45%,#e8e3fa 100%)}
.mp-hero::after{content:"";position:absolute;right:0;top:0;width:52%;height:100%;background:linear-gradient(120deg,rgba(124,58,237,0) 0%,rgba(124,58,237,.7) 55%,var(--mp-purple) 100%);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.mp-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .9fr 1fr;align-items:center;gap:24px;padding:56px 0 40px;min-height:520px}
.mp-hero__title{font-size:clamp(46px,6vw,84px);font-weight:900;letter-spacing:-1px;line-height:.95;margin:0}
.mp-hero__title span{display:block;background:linear-gradient(90deg,var(--mp-purple),var(--mp-purple-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.mp-hero__title em{font-style:normal;color:var(--mp-navy)}
.mp-hero__tagline{font-size:20px;letter-spacing:4px;font-weight:600;color:var(--mp-purple);margin:16px 0 22px}
.mp-hero__desc{max-width:420px;color:var(--mp-muted);margin-bottom:28px}
.mp-hero__emblem{text-align:center}
.mp-hero__emblem img{max-height:320px;margin:0 auto;filter:drop-shadow(0 18px 30px rgba(59,13,143,.35))}
.mp-hero__emblem-ph{width:220px;height:220px;margin:0 auto;border-radius:50%;background:linear-gradient(145deg,#f3d27a,#c9931a);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 30px rgba(59,13,143,.35)}
.mp-hero__emblem-ph svg{width:110px;height:110px;fill:var(--mp-purple-deep)}
.mp-hero__emblem-cap{margin-top:14px;font-size:30px;font-weight:900;letter-spacing:6px;color:var(--mp-gold);text-shadow:0 2px 4px rgba(0,0,0,.25)}
.mp-hero__stars{color:var(--mp-gold);letter-spacing:8px;font-size:22px}
.mp-hero__figure img{max-height:500px;object-fit:contain;margin:0 0 0 auto}


/* ---------- Layanan ---------- */
.mp-services{position:relative;z-index:3;margin-top:-10px;padding-bottom:40px}
.mp-services__grid{display:grid;grid-template-columns:repeat(4,1fr) 1.15fr;gap:18px}
.mp-card{background:#fff;border-radius:var(--mp-radius);padding:32px 22px 26px;text-align:center;box-shadow:var(--mp-shadow);display:flex;flex-direction:column;align-items:center;gap:12px}
.mp-card__icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--mp-purple-deep),var(--mp-purple-2));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(91,33,182,.3)}
.mp-card__icon svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mp-card h3{font-size:15px;font-weight:800;color:var(--mp-purple-deep);text-transform:uppercase;letter-spacing:.3px;margin:4px 0 0}
.mp-card p{font-size:13.5px;color:var(--mp-muted);margin:0;flex:1}
.mp-quote{background:linear-gradient(160deg,var(--mp-purple-deep),var(--mp-purple));color:#fff;border-radius:var(--mp-radius);padding:36px 30px;border:1px solid rgba(255,255,255,.2);box-shadow:var(--mp-shadow);display:flex;flex-direction:column;justify-content:center}
.mp-quote svg{width:34px;height:34px;fill:rgba(255,255,255,.55);margin-bottom:14px}
.mp-quote p{font-size:20px;font-weight:600;line-height:1.4;margin:0 0 14px}
.mp-quote cite{font-style:normal;font-size:14px;opacity:.85}

/* ---------- Nilai ---------- */
.mp-values{background:linear-gradient(90deg,var(--mp-navy),var(--mp-purple-deep) 55%,var(--mp-purple-2));color:#fff;padding:34px 0}
.mp-values__grid{display:grid;grid-template-columns:repeat(5,1fr)}
.mp-value{display:flex;gap:16px;align-items:flex-start;padding:0 22px;border-left:1px solid rgba(255,255,255,.18)}
.mp-value:first-child{border-left:0;padding-left:0}
.mp-value__icon{flex:0 0 52px;width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06)}
.mp-value__icon svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mp-value h4{color:#fff;font-size:15px;font-weight:800;text-transform:uppercase;margin:0 0 4px}
.mp-value p{font-size:13px;opacity:.85;margin:0;line-height:1.5}
.mp-ticker{background:#2a1370;color:#fff;text-align:center;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:14px;padding:12px 0}
.mp-ticker span{color:var(--mp-gold);margin:0 18px;letter-spacing:6px}

/* ---------- Section umum ---------- */
.mp-section{padding:72px 0}
.mp-section--white{background:#fff}
.mp-section__head{text-align:center;max-width:680px;margin:0 auto 40px}
.mp-section__head h2{font-size:clamp(28px,3.4vw,40px);font-weight:900;color:var(--mp-navy)}
.mp-section__head p{color:var(--mp-muted)}
.mp-section__bar{width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--mp-purple),var(--mp-gold));margin:12px auto 18px}
.mp-section__bar--left{margin:12px 0 14px}

/* ---------- Tentang ---------- */
.mp-about{display:grid;grid-template-columns:1.25fr .85fr;gap:56px;align-items:center}
.mp-about__text h2{font-size:clamp(28px,3.4vw,40px);font-weight:900;margin-bottom:0}
.mp-about__sub{font-weight:700;color:var(--mp-purple);font-size:17px;margin-bottom:14px}
.mp-about__text p{color:var(--mp-muted)}
.mp-about__text .mp-btn{margin-top:8px}
.mp-about__photo{margin:0;text-align:center}
.mp-about__frame{position:relative;border-radius:var(--mp-radius);overflow:hidden;box-shadow:var(--mp-shadow);background:linear-gradient(160deg,#e9e3fb,#d5c9f5);aspect-ratio:4/5;max-width:400px;margin:0 auto;border:6px solid #fff;outline:1px solid var(--mp-line)}
.mp-about__frame::before{content:"";position:absolute;inset:auto -30px -30px auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(230,179,43,.55),transparent 70%)}
.mp-about__frame img{width:100%;height:100%;object-fit:cover;object-position:top;position:relative}
.mp-about__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--mp-muted);font-size:13px;padding:20px;text-align:center}
.mp-about__ph svg{width:90px;height:90px;stroke:var(--mp-purple-2);fill:none;stroke-width:1.2;opacity:.6}
.mp-about__photo figcaption{margin-top:16px;display:flex;flex-direction:column;gap:2px}
.mp-about__photo figcaption strong{font-size:17px;color:var(--mp-navy)}
.mp-about__photo figcaption span{font-size:13.5px;color:var(--mp-purple);font-weight:600}

/* ---------- Program Unggulan ---------- */
.mp-program{display:flex;flex-direction:column;background:#fff;border-radius:var(--mp-radius);overflow:hidden;box-shadow:var(--mp-shadow);border:1px solid var(--mp-line);color:inherit}
.mp-program__img{aspect-ratio:4/3;background:linear-gradient(135deg,#e6e0fa,#c9b9f1);position:relative;overflow:hidden}
.mp-program__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mp-program:hover .mp-program__img img{transform:scale(1.05)}
.mp-program__img svg{position:absolute;inset:0;margin:auto;width:56px!important;height:56px!important;stroke:#fff;fill:none;stroke-width:1.5;opacity:.8}
.mp-program__body{padding:20px 20px 22px}
.mp-program h3{font-size:17px;font-weight:800;margin-bottom:6px;color:var(--mp-purple-deep)}
.mp-program p{font-size:13.5px;color:var(--mp-muted);margin:0}
.mp-program:hover h3{color:var(--mp-purple-2)}

/* ---------- Program Unggulan (grid) ---------- */
.mp-programs{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}

/* ---------- Hero Slider ---------- */
.mp-hslider{position:relative;background:#ece8fa;overflow:hidden}
.mp-slider{position:relative}
.mp-slider__viewport{overflow:hidden;touch-action:pan-y;cursor:grab}
.mp-slider__track{display:flex;transition:transform .7s cubic-bezier(.22,.7,.2,1);will-change:transform}
.mp-slider__slide{flex:0 0 calc(100% / var(--mp-spv,1));max-width:calc(100% / var(--mp-spv,1));position:relative}
.mp-hs{height:min(var(--mp-hh,620px),36vw);min-height:380px;display:flex;align-items:center;overflow:hidden}
.mp-hs__pic{position:absolute;inset:0;display:block}
.mp-hs__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none}
.mp-hs__inner{position:relative;z-index:2;width:100%}
.mp-hs__text{position:relative;max-width:560px}
.has-fog .mp-hs__text::before{content:"";position:absolute;inset:-40px -70px -40px -90px;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.85) 0,rgba(255,255,255,.55) 45%,rgba(255,255,255,0) 75%);z-index:-1;pointer-events:none}
.mp-hs__title{font-size:clamp(40px,5.4vw,78px);font-weight:900;letter-spacing:-1px;line-height:.98;margin:0 0 6px}
.mp-hs__title span{display:block;background:linear-gradient(90deg,var(--mp-purple),var(--mp-purple-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.mp-hs__title em{display:block;font-style:normal;color:var(--mp-navy)}
.mp-hs__tag{font-size:18px;letter-spacing:4px;font-weight:600;color:var(--mp-purple);margin:12px 0 16px}
.mp-hs__desc{max-width:440px;color:var(--mp-muted);margin-bottom:24px}
.mp-hs__link{position:absolute;inset:0;z-index:2}
.mp-slider__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--mp-purple);box-shadow:0 6px 18px rgba(26,31,75,.28);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.mp-slider__btn svg{width:20px;height:20px}
.mp-slider__btn:hover{background:var(--mp-purple);color:#fff}
.mp-slider__prev{left:18px}
.mp-slider__prev svg{transform:rotate(180deg)}
.mp-slider__next{right:18px}
.mp-slider__dots{position:absolute;left:0;right:0;bottom:16px;z-index:4;display:flex;justify-content:center;gap:8px}
.mp-slider__dots button{width:10px;height:10px;border-radius:999px;border:0;padding:0;background:rgba(255,255,255,.7);box-shadow:0 1px 4px rgba(26,31,75,.45);cursor:pointer;transition:all .3s}
.mp-slider__dots button.is-active{width:28px;background:var(--mp-purple)}
.mp-slider.is-static .mp-slider__btn,.mp-slider.is-static .mp-slider__dots{display:none}

/* ---------- Zona Integritas (PDF) ---------- */
.mp-zi{background:radial-gradient(circle at 80% 10%,#ece7fb 0,var(--mp-bg) 45%)}
.mp-pdf{background:#fff;border-radius:var(--mp-radius);box-shadow:var(--mp-shadow);overflow:hidden;border:1px solid var(--mp-line)}
.mp-pdf iframe,.mp-pdf object{display:block;width:100%;height:var(--mp-pdf-h,720px);border:0;background:#525659}
.mp-pdf__fallback{padding:48px 20px;margin:0;text-align:center;background:#fff;color:var(--mp-muted)}
.mp-pdf__name{font-weight:600;color:var(--mp-navy);word-break:break-word}
.mp-pdf__btns{display:flex;gap:8px;flex-wrap:wrap}
.mp-pdfs{margin-top:32px;display:grid;gap:28px}
.mp-pdf__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-top:1px solid var(--mp-line);font-size:14px;color:var(--mp-muted)}
.mp-pdf__bar .mp-btn{padding:9px 18px;font-size:13px}
.mp-pdf__empty{padding:70px 20px;text-align:center;color:var(--mp-muted)}
.mp-pdf__empty svg{width:64px;height:64px;stroke:var(--mp-purple-2);fill:none;stroke-width:1.4;margin:0 auto 12px}

/* ---------- Kegiatan / Post ---------- */
.mp-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.mp-posts--2{grid-template-columns:repeat(2,1fr)}
.mp-post{background:#fff;border-radius:var(--mp-radius);overflow:hidden;box-shadow:var(--mp-shadow);display:flex;flex-direction:column;border:1px solid var(--mp-line)}
.mp-post__thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#ded7f7,#c5b6f2);overflow:hidden;position:relative;display:block}
.mp-post__thumb img{width:100%;height:100%;object-fit:cover}
.mp-post__thumb svg{position:absolute;inset:0;margin:auto;width:56px;height:56px;stroke:#fff;fill:none;stroke-width:1.5;opacity:.8}
.mp-post__cat{position:absolute;left:14px;top:14px;background:var(--mp-purple);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.mp-post__body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.mp-post__meta{font-size:12.5px;color:var(--mp-muted);display:flex;gap:14px;align-items:center}
.mp-post__meta svg{width:14px;height:14px;stroke:var(--mp-purple);fill:none;stroke-width:2;vertical-align:-2px;margin-right:4px}
.mp-post h3{font-size:18px;font-weight:800;margin:0}
.mp-post h3 a{color:var(--mp-navy)}
.mp-post h3 a:hover{color:var(--mp-purple)}
.mp-post p{font-size:14px;color:var(--mp-muted);margin:0;flex:1}
.mp-posts__more{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.mp-posts__more .mp-btn--outline svg{width:16px;height:16px;fill:currentColor}

/* ---------- Kontak beranda ---------- */
.mp-home-contact{background:linear-gradient(120deg,var(--mp-purple-deep),var(--mp-purple) 60%,var(--mp-purple-2));color:#fff;padding:56px 0}
.mp-home-contact__inner{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.mp-home-contact h2{color:#fff;font-size:clamp(26px,3vw,36px);font-weight:900}
.mp-home-contact p{opacity:.9;max-width:520px}
.mp-home-contact__list{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:14.5px}
.mp-home-contact__list li{display:flex;gap:10px;align-items:flex-start}
.mp-home-contact__list svg{flex:0 0 18px;width:18px;height:18px;stroke:var(--mp-gold);fill:none;stroke-width:2;margin-top:3px}
.mp-home-contact__actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.mp-home-contact .mp-social{margin-top:6px}

/* ---------- Halaman Kontak: Form + Map ---------- */
.mp-contact{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}
.mp-form-card{background:#fff;border-radius:var(--mp-radius);padding:36px;box-shadow:var(--mp-shadow);border-top:5px solid var(--mp-purple)}
.mp-form-card h3{font-size:24px;font-weight:900}
.mp-form-card>p{color:var(--mp-muted);font-size:14.5px}
.mp-form .mp-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mp-form label{display:block;font-size:13px;font-weight:700;color:var(--mp-navy);margin:12px 0 6px}
.mp-form input,.mp-form textarea,.mp-form select{width:100%;padding:12px 14px;border:1.5px solid var(--mp-line);border-radius:8px;font-family:inherit;font-size:14.5px;background:#fbfbfe;color:var(--mp-ink)}
.mp-form input:focus,.mp-form textarea:focus,.mp-form select:focus{outline:none;border-color:var(--mp-purple);box-shadow:0 0 0 3px rgba(124,58,237,.15);background:#fff}
.mp-form textarea{min-height:130px;resize:vertical}
.mp-form .mp-btn{margin-top:20px}
.mp-form .mp-hp{position:absolute;left:-9999px}
.mp-alert{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:8px}
.mp-alert--ok{background:#e9f8ef;color:#116b34;border:1px solid #b6e6c8}
.mp-alert--err{background:#fdecec;color:#a11c1c;border:1px solid #f3bcbc}
.mp-map{border-radius:var(--mp-radius);overflow:hidden;box-shadow:var(--mp-shadow);background:#fff;display:flex;flex-direction:column;min-height:460px}
.mp-map iframe{border:0;width:100%;flex:1;min-height:340px}
.mp-map__info{padding:20px 24px;border-top:1px solid var(--mp-line);display:grid;gap:10px;font-size:14px;color:var(--mp-muted)}
.mp-map__info div{display:flex;gap:10px;align-items:flex-start}
.mp-map__info svg{flex:0 0 18px;width:18px;height:18px;stroke:var(--mp-purple);fill:none;stroke-width:2;margin-top:2px}
.mp-map__empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--mp-muted);padding:40px;text-align:center;font-size:14px}

/* ---------- Footer ---------- */
.mp-footer{background:linear-gradient(180deg,var(--mp-navy),#120a3a);color:#d6d3ea;padding:64px 0 0;margin-top:auto}
.mp-footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.mp-footer h4{color:#fff;font-size:16px;font-weight:800;margin-bottom:18px;position:relative;padding-bottom:10px}
.mp-footer h4::after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;background:var(--mp-gold);border-radius:3px}
.mp-footer p{font-size:14px;line-height:1.7}
.mp-footer .mp-brand{background:none;clip-path:none;margin:0 0 16px;padding:0;min-height:0;align-self:auto;min-width:0}
.mp-footer ul{list-style:none;margin:0;padding:0}
.mp-footer li{margin-bottom:10px;font-size:14px}
.mp-footer li a{color:#d6d3ea}
.mp-footer li a:hover{color:var(--mp-gold)}
.mp-footer .sub-menu{display:none}
.mp-footer__contact li{display:flex;gap:10px;align-items:flex-start}
.mp-footer__contact svg{flex:0 0 18px;width:18px;height:18px;stroke:var(--mp-gold);fill:none;stroke-width:2;margin-top:3px}
.mp-social{display:flex;gap:10px;margin-top:16px}
.mp-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15)}
.mp-social a:hover{background:var(--mp-purple-2)}
.mp-social svg{width:18px;height:18px;fill:#fff}
.mp-footer__bottom{margin-top:48px;border-top:1px solid rgba(255,255,255,.12);padding:20px 0;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.mp-footer__bottom a{color:#fff}

/* ---------- Halaman dalam ---------- */
.mp-page-head{background:linear-gradient(120deg,var(--mp-navy),var(--mp-purple-deep) 60%,var(--mp-purple-2));color:#fff;padding:60px 0}
.mp-page-head h1{color:#fff;font-size:clamp(30px,4vw,46px);font-weight:900;margin:0}
.mp-page-head .mp-crumb{font-size:13px;opacity:.85;margin-top:8px}
.mp-content{padding:56px 0}
.mp-content--sidebar{display:grid;grid-template-columns:1fr 320px;gap:40px}
.mp-entry{background:#fff;border-radius:var(--mp-radius);padding:40px;box-shadow:var(--mp-shadow)}
.mp-entry h1,.mp-entry h2,.mp-entry h3{color:var(--mp-navy)}
.mp-entry img{border-radius:10px}
.mp-entry figure{margin:1.5em 0}
.mp-entry table{width:100%;border-collapse:collapse;font-size:14.5px}
.mp-entry th,.mp-entry td{border:1px solid var(--mp-line);padding:10px 12px;text-align:left}
.mp-entry th{background:#f1eefb;color:var(--mp-purple-deep)}
.mp-entry__meta{font-size:13px;color:var(--mp-muted);margin-bottom:20px}
.mp-entry__thumb{margin-bottom:24px;border-radius:10px;overflow:hidden}
.mp-img-ph{background:linear-gradient(135deg,#ece7fb,#d9cdf7);border:2px dashed var(--mp-purple-2);border-radius:10px;padding:48px 20px;text-align:center;color:var(--mp-purple);font-weight:600;margin:1.5em 0}
.mp-img-ph p{margin:0}
.mp-subnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.mp-subnav a{background:#fff;border:1px solid var(--mp-line);border-radius:999px;padding:7px 16px;font-size:13.5px;font-weight:600;color:var(--mp-navy)}
.mp-subnav a.is-active,.mp-subnav a:hover{background:var(--mp-purple);color:#fff;border-color:var(--mp-purple)}
.mp-sidebar .widget{background:#fff;border-radius:var(--mp-radius);padding:24px;box-shadow:var(--mp-shadow);margin-bottom:24px}
.mp-sidebar .widget-title,.mp-sidebar h2{font-size:16px;font-weight:800;margin-bottom:14px;color:var(--mp-purple-deep)}
.mp-sidebar ul{list-style:none;padding:0;margin:0}
.mp-sidebar li{padding:8px 0;border-bottom:1px solid var(--mp-line);font-size:14px}
.mp-pagination{display:flex;gap:6px;justify-content:center;margin-top:36px}
.mp-pagination .page-numbers{padding:8px 14px;border-radius:8px;background:#fff;border:1px solid var(--mp-line);color:var(--mp-navy);font-weight:600}
.mp-pagination .page-numbers.current{background:var(--mp-purple);color:#fff;border-color:var(--mp-purple)}
.wp-block-quote{border-left:4px solid var(--mp-purple);padding-left:20px;color:var(--mp-muted)}
.alignwide{max-width:1100px}
.alignfull{width:100vw;margin-left:calc(50% - 50vw)}
.comment-list{list-style:none;padding:0}
.comment-body{background:#fff;border-radius:10px;padding:18px;margin-bottom:14px;box-shadow:var(--mp-shadow)}
.comment-form input,.comment-form textarea{width:100%;padding:10px;border:1.5px solid var(--mp-line);border-radius:8px}
.comment-form .submit{background:var(--mp-purple);color:#fff;border:0;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;width:auto}

/* ---------- Asesmen Mandiri ---------- */
.mp-disclaimer{background:#fff8e6;border:1px solid #f1d78a;border-left:5px solid var(--mp-gold);border-radius:10px;padding:18px 22px;font-size:14.5px;color:#5a4a12;margin-bottom:28px}
.mp-disclaimer strong{color:#3d3208}
.mp-disclaimer>strong:first-child{display:block;margin-bottom:4px}
.mp-asesmen__list{display:grid;gap:14px}
.mp-q{background:#fff;border-radius:12px;padding:20px 22px;box-shadow:var(--mp-shadow);border:1px solid var(--mp-line)}
.mp-q__text{font-weight:600;margin-bottom:12px;color:var(--mp-navy)}
.mp-q__text small{color:var(--mp-muted);font-weight:400;margin-right:6px}
.mp-q__opts{display:flex;flex-wrap:wrap;gap:8px}
.mp-q__opts label{cursor:pointer;border:1.5px solid var(--mp-line);border-radius:999px;padding:7px 14px;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;background:#fbfbfe}
.mp-q__opts input{accent-color:var(--mp-purple)}
.mp-q__opts label:has(input:checked){background:var(--mp-purple);color:#fff;border-color:var(--mp-purple)}
.mp-result{margin-top:28px;background:#fff;border-radius:var(--mp-radius);padding:32px;box-shadow:var(--mp-shadow);border-top:6px solid var(--mp-purple);display:none}
.mp-result.is-show{display:block}
.mp-result__score{font-size:44px;font-weight:900;color:var(--mp-purple)}
.mp-result__bar{height:12px;background:var(--mp-line);border-radius:6px;overflow:hidden;margin:12px 0 18px}
.mp-result__bar span{display:block;height:100%;background:linear-gradient(90deg,var(--mp-purple),var(--mp-gold))}
.mp-result h3{font-size:22px;font-weight:900}
.mp-result ul{color:var(--mp-muted)}
.mp-asesmen__actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}

/* ---------- Responsif ---------- */
@media (max-width:1380px){
  .mp-nav a{padding:10px 8px;font-size:12px}
  .mp-brand{min-width:0}
}
@media (max-width:1100px){
  .mp-hero__grid{grid-template-columns:1fr 1fr}
  .mp-hero__figure{display:none}
  .mp-hero::after{width:45%}
  .mp-services__grid{grid-template-columns:repeat(2,1fr)}
  .mp-quote{grid-column:span 2}
  .mp-values__grid{grid-template-columns:repeat(3,1fr);gap:24px 0}
  .mp-value:nth-child(4){border-left:0;padding-left:0}
}
@media (max-width:820px){
  .mp-header__inner{min-height:72px}
  .mp-brand{min-height:72px;min-width:0;padding-right:20px;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
  .mp-brand .mp-logo{height:42px}
  .mp-brand__logo-fallback{width:42px;height:42px}
  .mp-brand__top{font-size:11px}
  .mp-brand__name{font-size:13px}
  .mp-burger{display:block}
  .mp-login span{display:none}
  .mp-login{padding:8px 12px}
  .mp-nav{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:var(--mp-shadow);display:none;max-height:80vh;overflow:auto}
  .mp-nav.is-open{display:block}
  .mp-nav ul{flex-direction:column;padding:10px 0}
  .mp-nav .sub-menu{position:static;box-shadow:none;display:flex;padding-left:16px}
  .mp-hero::after{display:none}
  .mp-hero__grid{grid-template-columns:1fr;text-align:center;padding:40px 0 30px;min-height:0}
  .mp-hero__desc{margin:0 auto 24px}
  .mp-posts,.mp-posts--2{grid-template-columns:1fr}
  .mp-contact{grid-template-columns:1fr}
  .mp-footer__grid{grid-template-columns:1fr}
  .mp-content--sidebar{grid-template-columns:1fr}
  .mp-values__grid{grid-template-columns:1fr;gap:18px}
  .mp-value{border-left:0;padding:0}
  .mp-form .mp-row{grid-template-columns:1fr}
  .mp-section{padding:48px 0}
  .mp-about{grid-template-columns:1fr;gap:32px}
  .mp-pdf iframe,.mp-pdf object{height:520px}
  .mp-pdf__bar{flex-direction:column;align-items:flex-start}
  .mp-home-contact__inner{grid-template-columns:1fr}
}
@media (max-width:520px){
  .mp-services__grid{grid-template-columns:1fr}
  .mp-quote{grid-column:auto}
  .mp-form-card{padding:24px}
}
@media (max-width:1100px){
  .mp-programs{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .mp-programs{grid-template-columns:1fr}
  .mp-hs{height:auto;min-height:440px;padding:44px 0 60px}
  .mp-hs--img{padding:0;min-height:0;height:62vw;max-height:440px}
  .mp-hs__text{max-width:none}
  .has-fog .mp-hs__text::before{inset:-20px -16px;background:rgba(255,255,255,.8);border-radius:16px}
  .mp-hs__desc{max-width:none}
  .mp-slider__btn{width:38px;height:38px}
  .mp-slider__prev{left:8px}
  .mp-slider__next{right:8px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mp-slider__track{transition:none}
}