:root{--green:#18a058;--green-dark:#087f45;--mint:#e9fff4;--ink:#0f172a;--soft:#f4fbf7}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff}.public-navbar{background:rgba(255,255,255,.9);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(15,23,42,.06)}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--green),#6ddf9a);display:inline-flex;align-items:center;justify-content:center;color:white;box-shadow:0 12px 26px rgba(24,160,88,.25)}.hero-section{padding:140px 0 80px;background:radial-gradient(circle at top right,#dfffee,transparent 35%),linear-gradient(180deg,#f8fffb,#fff)}.hero-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:999px;background:var(--mint);color:var(--green-dark);font-weight:700}.hero-card,.content-card,.service-card,.article-card{border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.08)}.hero-card{padding:28px}.hero-card-header span{width:11px;height:11px;border-radius:50%;display:inline-block;background:#d1d5db;margin-right:7px}.stat-tile{background:linear-gradient(135deg,#f0fff7,#fff);border:1px solid #d9f7e6;border-radius:22px;padding:20px}.stat-tile small{display:block;color:#64748b}.stat-tile strong{font-size:2rem;color:var(--green-dark)}.timeline-box{background:#0f172a;color:white;border-radius:22px;padding:20px}.timeline-step{display:flex;gap:12px;align-items:center;margin:12px 0}.timeline-step i{color:#6ee7a7}.section-heading span{color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.section-heading h2{font-weight:800}.service-card,.article-card,.content-card{padding:28px}.service-card i{font-size:2.4rem;color:var(--green);margin-bottom:18px;display:block}.service-card h5,.article-card h5{font-weight:800}.service-card p,.article-card p{color:#64748b}.bg-soft{background:var(--soft)}.schedule-card{display:flex;justify-content:space-between;gap:20px;align-items:center;background:white;border:1px solid #dfeee6;border-radius:22px;padding:20px;margin-bottom:14px;box-shadow:0 14px 40px rgba(15,23,42,.06)}.schedule-card p{margin:.25rem 0 0;color:#64748b}.schedule-card span{font-weight:800;color:var(--green-dark);text-align:right}.article-card a{font-weight:700;color:var(--green-dark);text-decoration:none}.public-footer{background:#0f2f25;color:white}.public-footer a{display:block;color:rgba(255,255,255,.7);text-decoration:none;margin:.35rem 0}.page-hero{padding:130px 0 70px;background:linear-gradient(135deg,#0f7b48,#23c16b);color:white}.page-hero h1{font-weight:900}.page-hero p{font-size:1.1rem;opacity:.9;max-width:760px}.info-box{background:#f8fafc;border-radius:18px;padding:18px}.info-box small,.detail-box small{display:block;color:#64748b}.info-box strong{display:block;font-size:1.05rem}.kader-list{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #edf2f7}.kader-list span{width:44px;height:44px;border-radius:50%;background:var(--mint);display:flex;align-items:center;justify-content:center;color:var(--green-dark);font-weight:900}.kader-list small{display:block;color:#64748b}.map-box iframe{width:100%;min-height:420px;border:0;border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.08)}.article-content{font-size:1.05rem;line-height:1.8}.login-body{min-height:100vh;background:radial-gradient(circle at top left,#dfffee,transparent 35%),linear-gradient(135deg,#eefcf4,#fff);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:min(440px,100%);background:white;border-radius:30px;padding:34px;box-shadow:0 30px 90px rgba(15,23,42,.12);border:1px solid rgba(15,23,42,.06)}@media(max-width:768px){.hero-section{padding-top:110px}.schedule-card{align-items:flex-start;flex-direction:column}.schedule-card span{text-align:left}.service-card,.article-card,.content-card{padding:22px}}