/*
Theme Name: Lembaga Diklat Keuangan
Description: Theme CMS WordPress profesional untuk lembagadiklatkeuangan.com.
Version: 1.0.0
Author: Lembaga Diklat Keuangan
Text Domain: ldk-keuangan
*/
:root{--navy:#12385b;--blue:#1769aa;--gold:#d5a93a;--green:#197a59;--bg:#f5f8fb;--text:#263746}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65;background:#fff}a{text-decoration:none;color:var(--blue)}img{max-width:100%;height:auto}.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--navy);color:#fff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;padding:7px 0}
.header{background:#fff;border-bottom:1px solid #e7edf3;position:sticky;top:0;z-index:99}.head{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:62px;height:62px;object-fit:contain}.brand strong{display:block;font-size:21px;color:var(--navy)}.brand small{color:#718096}
nav ul{display:flex;list-style:none;margin:0;padding:0;gap:19px}nav li{position:relative}nav a{font-weight:700;color:var(--navy);font-size:14px}nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:280px;padding:10px 0;box-shadow:0 12px 35px #0002;border-radius:8px}nav li:hover>.sub-menu{display:block}nav .sub-menu li{padding:6px 16px}.toggle{display:none;border:0;background:var(--blue);color:#fff;padding:9px 13px;border-radius:6px}
.hero{background:linear-gradient(135deg,#eef6fc,#f8fbf6);padding:78px 0}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:45px;align-items:center}.badge{display:inline-block;background:#e4eff9;color:var(--blue);font-weight:700;padding:7px 12px;border-radius:50px;font-size:13px}.hero h1{font-size:45px;line-height:1.12;color:var(--navy);margin:18px 0 12px}.hero h1 span{color:var(--blue)}.hero p{font-size:18px;color:#5b6b7b}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;padding:12px 19px;border-radius:7px;font-weight:700}.primary{background:var(--blue);color:#fff}.gold{background:var(--gold);color:#fff}.hero-box{background:#fff;border-radius:16px;padding:28px;box-shadow:0 18px 45px #12385b18}.hero-box h3{margin-top:0;color:var(--navy)}
.section{padding:62px 0}.alt{background:var(--bg)}.title{text-align:center;max-width:760px;margin:0 auto 32px}.title h2{margin:0;color:var(--navy);font-size:32px}.title p{color:#6b7b8b}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e3eaf0;border-radius:11px;overflow:hidden}.card:hover{box-shadow:0 15px 35px #12385b14}.thumb{aspect-ratio:4/3;background:#edf3f8;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:cover}.body{padding:19px}.body h3{margin:0 0 8px;color:var(--navy);line-height:1.3}.meta{font-size:13px;color:#778899}
.page-head{background:var(--bg);padding:45px 0}.page-head h1{margin:0;color:var(--navy);font-size:38px}.content{padding:52px 0}.article{max-width:880px;margin:auto}.article h1{font-size:40px;line-height:1.2;color:var(--navy)}.article h2,.article h3{color:var(--navy)}
.schedule{width:100%;border-collapse:collapse;background:#fff}.schedule th,.schedule td{padding:13px;border:1px solid #e2e8f0;text-align:left}.schedule th{background:var(--navy);color:#fff}
.footer{background:#102b45;color:#dce7f0;padding:50px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer h3{color:#fff}.footer a{color:#dce7f0}.copy{border-top:1px solid #ffffff22;margin-top:28px;padding-top:16px;font-size:13px}
@media(max-width:900px){nav{display:none}.toggle{display:block}.head{position:relative}.nav-open{display:block;position:absolute;top:82px;left:0;right:0;background:#fff;padding:18px 4%;box-shadow:0 10px 25px #0002}.nav-open ul{display:block}.nav-open li{padding:7px 0}.nav-open .sub-menu{position:static;display:block;box-shadow:none;padding-left:16px}.hero-grid,.footer-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.hero{padding:52px 0}.hero h1{font-size:35px}.page-head h1{font-size:30px}.topbar .container{display:block;text-align:center}}