@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#111827;background:#f9fafb;line-height:1.5;font-weight:400;--primary-50: #ecfdf5;--primary-100: #d1fae5;--primary-200: #a7f3d0;--primary-300: #6ee7b7;--primary-400: #34d399;--primary-500: #10b981;--primary-600: #059669;--primary-700: #047857;--primary-800: #065f46;--primary-900: #064e3b;--primary-950: #022c22;--ink: #111827;--muted: #6b7280;--surface: #ffffff;--surface-soft: #f8fafc;--border: #e5e7eb;--shadow: 0 10px 30px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fff,#f9fafb);color:var(--ink)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.7}.site-shell{min-height:100vh}.topbar,.footer,.page-section,.hero,.partners,.two-column-section,.structure-section,.news-preview,.testimonial-section,.article-detail,.login-page,.admin-main,.status-panel,.about-dpm-section,.partners-strip,.cta-aspirasi{padding-left:min(5vw,48px);padding-right:min(5vw,48px)}.topbar{position:sticky;top:0;z-index:30;padding-top:16px;padding-bottom:16px;background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,231,235,.8)}.topbar-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.brand-lockup{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-800),var(--primary-600));color:#fff;font-size:.85rem;font-weight:800;letter-spacing:.08em;box-shadow:0 10px 20px #0596692e}.brand-copy strong{font-size:1rem;line-height:1.1}.brand-copy small{font-size:.72rem;color:#94a3b8}.nav{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.nav-premium{padding:4px;border-radius:14px}.nav-link{padding:10px 14px;border-radius:10px;color:#475569;font-weight:500;font-size:.92rem;transition:all .25s ease}.nav-link:hover{color:var(--primary-700);background:var(--primary-50)}.nav-link.active{color:var(--primary-700);background:var(--primary-100);font-weight:700}.topbar-actions{display:flex;align-items:center;gap:10px}.aspirasi-link{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 16px;background:#fff;color:#111827;font-weight:700;border-radius:999px;box-shadow:0 10px 25px -5px #00000029,0 8px 10px -6px #0000000f;transition:all .3s ease}.aspirasi-link:hover{transform:translateY(-2px);background:#f3f4f6}.aspirasi-icon{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:var(--primary-600);color:#fff}.cms-link{display:inline-flex;align-items:center;padding:10px 14px;border-radius:10px;font-weight:600;color:#475569;border:1px solid var(--border);background:#fff;transition:.25s ease}.cms-link:hover{color:var(--primary-700);border-color:var(--primary-300);background:var(--primary-50)}.hero{display:grid;grid-template-columns:1fr .85fr;gap:42px;align-items:center;min-height:100vh;position:relative;overflow:hidden;padding-top:96px;padding-bottom:80px}.hero-dpm{background:#000}.hero-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg-image{width:100%;height:100%;object-fit:cover}.hero-bg-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000e0,#000000b8 34%,#00000057 58%,#0000001a 78%,#00000005)}.hero-copy,.hero-support,.article-card,.structure-stage,.testimonial-card,.media-card,.partner-logo{position:relative;z-index:1}.hero-copy h1,.page-hero h1,.login-card h1,.detail-content h1,.structure-section h2,.news-preview h2,.testimonial-section h2,.about-dpm-section h2,.cta-aspirasi h2{margin:0 0 16px;line-height:1.06}.hero-copy h1{font-size:clamp(3rem,6vw,5.8rem);max-width:10ch;color:#fff;font-weight:900}.hero-copy p,.page-hero p,.detail-content article,.footer p,.section-note,.about-copy p,.testimonial-card p,.cta-aspirasi p{color:#d1d5db}.hero-copy p{max-width:640px;font-size:1.1rem;color:#d1d5db}.eyebrow{display:inline-block;margin-bottom:12px;padding:8px 14px;border-radius:999px;background:#fff;color:#111827;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;box-shadow:0 6px 16px #00000014}.hero-eyebrow{margin-bottom:24px}.hero-actions,.inline-actions{display:flex;gap:12px;flex-wrap:wrap}.button,.ghost-button,.danger-button,.tab-row button,.text-link-arrow{border:0;border-radius:14px;cursor:pointer;transition:.25s ease}.button{padding:13px 20px;font-weight:700}.button.primary{background:#fff;color:#111827;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a}.button.primary:hover{transform:translateY(-2px);background:#f3f4f6}.hero-primary{display:inline-flex;align-items:center;gap:12px;padding-right:10px}.hero-primary-icon{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:var(--primary-600);color:#fff;font-weight:800}.button.secondary,.ghost-button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button.secondary:hover,.ghost-button:hover{background:#ffffff1a;border-color:#ffffff80}.text-link-arrow:hover,.partner-logo:hover,.article-card:hover,.structure-stage:hover .elevated-image,.testimonial-card:hover,.media-card:hover{transform:translateY(-4px)}.danger-button{background:#ef4444;color:#fff;padding:10px 14px}.full{width:100%}.hero-support{display:grid;justify-items:end;align-content:end;min-height:100%;padding-top:100px}.hero-support-label{color:#111827;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}.hero-support-grid{display:flex;gap:16px}.hero-support-card{background:#fff;padding:14px 16px;border-radius:20px;box-shadow:0 18px 36px #0000002e}.hero-support-card img{height:72px;width:auto;object-fit:contain}.hero-bottom-fade{display:none}.partners-strip{background:#fff;border-bottom:1px solid #f3f4f6;padding-top:32px;padding-bottom:32px;overflow:hidden}.partners-strip-head{text-align:center;margin-bottom:18px;color:#111827;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.partners-marquee{position:relative;overflow:hidden}.partners-marquee:before,.partners-marquee:after{content:"";position:absolute;top:0;width:120px;height:100%;z-index:2}.partners-marquee:before{left:0;background:linear-gradient(90deg,white,transparent)}.partners-marquee:after{right:0;background:linear-gradient(270deg,white,transparent)}.partners-track{display:flex;width:max-content;gap:18px;align-items:center;animation:marquee 24s linear infinite}.partner-logo{padding:18px 24px;display:grid;place-items:center;min-height:96px;background:#fff;border-radius:18px;border:1px solid #f3f4f6;box-shadow:0 1px 3px #0000000d}.partner-logo img{max-height:56px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.6;transition:.35s ease}.partner-logo:hover img{filter:grayscale(0);opacity:1}.about-dpm-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;background:#fff;padding-top:80px;padding-bottom:80px}.about-visual{position:relative}.about-visual-accent{position:absolute;top:14px;right:-10px;bottom:-14px;left:20px;background:#dbeafe;border-radius:40px;transform:rotate(3deg)}.about-visual-frame{position:relative;z-index:1;height:500px;overflow:hidden;border-radius:32px;box-shadow:0 24px 50px #0000002e}.about-image{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.about-visual-frame:hover .about-image{transform:scale(1.08)}.about-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000038}.about-play-badge{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:999px;display:grid;place-items:center;background:#ffffffeb;color:var(--primary-600);font-size:1.8rem;box-shadow:0 0 30px #fff6}.about-floating-card{position:absolute;right:-24px;bottom:-24px;z-index:2;max-width:220px;background:#fff;padding:20px;border-radius:20px;box-shadow:0 18px 36px #00000024;animation:floatCard 4s ease-in-out infinite}.about-floating-card strong{display:block;margin-bottom:8px;color:var(--primary-600)}.about-floating-card span{color:var(--muted);font-size:.92rem;line-height:1.5}.about-copy{color:#111827}.about-copy p{color:#6b7280;font-size:1.05rem}.section-kicker{display:inline-block;margin-bottom:10px;color:var(--primary-600);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.section-kicker-green{color:var(--primary-600)}.about-info-blocks{display:grid;gap:28px;margin-top:34px}.about-info-row{display:flex;gap:16px;align-items:flex-start}.about-icon-box{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--primary-50);color:var(--primary-600);font-weight:800;flex-shrink:0}.about-info-row h3{margin:0 0 10px;font-size:1.25rem}.about-info-row p{margin:0}.mission-list-clean{display:grid;gap:10px}.mission-clean-item{display:flex;gap:10px;align-items:flex-start;color:#6b7280}.mission-check{color:var(--primary-500);font-weight:800}.structure-section,.news-preview,.testimonial-section,.cta-aspirasi{margin-bottom:0}.structure-section{padding-top:80px;padding-bottom:80px;background:#fff;border-top:1px solid #f3f4f6}.structure-head{text-align:center}.structure-head h2{font-size:clamp(2rem,4vw,2.8rem)}.structure-stage{margin-top:32px;padding:20px;border-radius:28px;background:#f9fafb;border:1px solid #f3f4f6;overflow:hidden;position:relative}.structure-stage-dpm{box-shadow:inset 0 1px 2px #0000000a}.structure-halo{position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:#a7f3d080;border-radius:999px;filter:blur(42px)}.structure-image{width:100%;max-width:1080px;margin:0 auto;border-radius:16px;position:relative;z-index:1}.elevated-image{box-shadow:0 12px 28px #00000014;transition:.4s ease}.news-preview-dpm{padding-top:80px;padding-bottom:80px;background:#f9fafb}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:42px}.section-head-dpm h2,.testimonial-header h2{font-size:clamp(2rem,4vw,2.8rem)}.news-outline-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:2px solid var(--primary-600);color:var(--primary-600);border-radius:999px;font-weight:700;transition:all .3s ease}.news-outline-link:hover{background:var(--primary-600);color:#fff}.article-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{overflow:hidden;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000012,0 4px 16px #0000000d}.article-image-wrap{position:relative;overflow:hidden;aspect-ratio:16 / 9}.article-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.article-card:hover img{transform:scale(1.06)}.article-image-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0811260d,#08112673)}.article-top-meta{position:absolute;top:16px;left:16px}.article-card-body{padding:22px}.article-card h3{margin:12px 0 10px;font-size:1.18rem;line-height:1.35;color:#111827}.article-card p{margin:0 0 14px;color:var(--muted)}.article-meta-line{color:#64748b;font-size:.92rem}.scope-pill{padding:6px 12px;border-radius:999px;text-transform:capitalize;font-size:.78rem;font-weight:700}.scope-pill.internal{background:#dbeafe;color:#1e40af}.scope-pill.eksternal{background:#d1fae5;color:#065f46}.text-link-arrow{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--primary-600)}.text-link-arrow:after{content:">";transition:transform .25s ease}.text-link-arrow:hover:after{transform:translate(4px)}.testimonial-section-dpm{padding-top:64px;padding-bottom:80px;background:#f9fafb;border-top:1px solid #f3f4f6}.testimonial-header{text-align:center;margin-bottom:40px}.testimonial-card{background:#fff;padding:24px;border-radius:24px;border:1px solid #f3f4f6;box-shadow:0 1px 3px #0000000d}.testimonial-user{display:flex;align-items:center;gap:12px;margin-bottom:18px}.testimonial-avatar{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;font-weight:800;flex-shrink:0}.testimonial-user strong{display:block;color:#111827}.testimonial-user span{color:#6b7280;font-size:.9rem}.testimonial-card p{color:#374151;margin:0 0 24px}.testimonial-stats{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #f9fafb;padding-top:16px;color:#9ca3af;font-size:.9rem}.cta-aspirasi{padding-top:32px;padding-bottom:80px;background:#fff}.cta-aspirasi-card{position:relative;max-width:960px;margin:0 auto;padding:48px 32px;background:linear-gradient(135deg,#2563eb,#0f3d91);color:#fff;border-radius:40px;overflow:hidden;box-shadow:0 24px 60px #2563eb3d}.cta-aspirasi-content{position:relative;z-index:1;text-align:center}.cta-aspirasi-content p{max-width:700px;margin:0 auto 32px;color:#dbeafe}.cta-aspirasi-link{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:18px;background:#fff;color:#1d4ed8;font-weight:800;box-shadow:0 16px 36px #0000002e;transition:.25s ease}.cta-aspirasi-link:hover{transform:translateY(-3px);background:#f8fafc}.cta-orb{position:absolute;width:180px;height:180px;border-radius:999px;filter:blur(18px);opacity:.35}.orb-right{top:-40px;right:-40px;background:#ffffff3d}.orb-left{bottom:-40px;left:-40px;background:#60a5fa4d}.page-section{padding-top:52px;padding-bottom:52px}.page-hero{max-width:720px;margin-bottom:28px}.filter-panel,.login-card,.admin-card,.alert-box{padding:24px}.filter-panel{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:14px;margin-bottom:24px}.tab-row{display:flex;gap:10px}.tab-row button{padding:10px 14px;background:#f3f4f6}.tab-row button.active{background:#fff;box-shadow:0 1px 3px #00000014;color:var(--primary-700)}.filter-panel input,.filter-panel select,.admin-form-grid input,.admin-form-grid textarea,.admin-form-grid select,.login-card input,.inline-actions input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#fff}.filter-panel input:focus,.filter-panel select:focus,.admin-form-grid input:focus,.admin-form-grid textarea:focus,.admin-form-grid select:focus,.login-card input:focus,.inline-actions input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #0596691a}.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:16px}.admin-form-grid textarea{min-height:120px}.article-detail{padding-top:52px;padding-bottom:52px;align-items:start}.detail-content article{background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px;color:#374151}.related-box{padding:18px;display:grid;gap:10px;background:#fff;border:1px solid var(--border);border-radius:16px}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(440px,100%);background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:var(--shadow)}.error-text{color:#b33a3a;margin:0}.helper-text{color:var(--muted);font-size:.9rem}.status-panel{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.alert-box{margin-top:16px;margin-bottom:16px;background:#fff;border:1px solid var(--border);border-radius:16px}.alert-box.warning{background:#fff7e3;border-color:#f0d087;color:#8a6210}.alert-box.error{background:#fff0f0;border-color:#e4aaaa;color:#a33a3a}.admin-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.admin-sidebar{padding:24px;background:var(--primary-950);color:#fff;display:grid;align-content:start;gap:12px}.admin-sidebar a,.admin-sidebar button{color:inherit}.admin-main{padding-top:24px;padding-bottom:24px}.admin-dashboard{display:grid;gap:20px}.admin-list{display:grid;gap:12px}.admin-list-item{padding:14px 16px;border:1px solid var(--border);border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.footer{display:flex;justify-content:space-between;gap:24px;padding-top:32px;padding-bottom:40px;border-top:1px solid var(--border)}.dpm-footer{background:#111827;color:#9ca3af;border-top:none}.dpm-footer h3{color:#fff}.reveal-up{opacity:0;transform:translateY(24px);animation:revealUp .7s ease both}.delay-2{animation-delay:.2s}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@media(max-width:1100px){.topbar-shell{grid-template-columns:1fr;justify-items:center}.nav,.topbar-actions{justify-content:center}.hero{grid-template-columns:1fr}.hero-support{justify-items:start;padding-top:0}}@media(max-width:960px){.about-dpm-section,.article-detail,.admin-shell,.filter-panel,.article-grid,.testimonial-grid,.admin-form-grid,.topbar-shell,.hero-support-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:110px;padding-bottom:32px;gap:28px}.hero-image-stage,.hero-support{min-height:auto}.hero-support-grid{display:flex;flex-wrap:wrap;gap:12px;width:auto}.about-dpm-section{gap:34px}.about-visual-frame{height:360px}.about-floating-card{position:static;margin-top:16px;max-width:none}.topbar,.footer,.section-head{flex-direction:column}.cta-aspirasi-card{padding:36px 22px;border-radius:28px}.admin-shell{display:block}}.brand-logo-image{width:52px;height:52px;object-fit:contain;border-radius:14px;background:#fff;padding:4px;box-shadow:0 8px 18px #0596691f}.admin-form-grid-wide textarea:nth-of-type(1),.admin-form-grid-wide textarea:nth-of-type(2),.admin-form-grid-wide textarea:nth-of-type(3){grid-column:span 2}.settings-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.settings-preview-card{padding:16px;border:1px solid var(--border);border-radius:16px;background:#f8fafc}.settings-preview-card span{display:block;margin-bottom:10px;font-size:.9rem;font-weight:700;color:#374151}.settings-preview-card p{margin:0;color:var(--muted);font-size:.9rem}.settings-preview-image{width:100%;height:160px;object-fit:cover;border-radius:12px;background:#fff}.logo-preview{height:96px;object-fit:contain;padding:8px}@media(max-width:960px){.settings-preview-grid{grid-template-columns:1fr}.admin-form-grid-wide textarea:nth-of-type(1),.admin-form-grid-wide textarea:nth-of-type(2),.admin-form-grid-wide textarea:nth-of-type(3){grid-column:span 1}}.admin-shell-luxury{background:radial-gradient(circle at top left,rgba(16,185,129,.08),transparent 28%),linear-gradient(180deg,#f8fafc,#eef6f2)}.admin-sidebar-luxury{border-right:1px solid rgba(255,255,255,.08);box-shadow:inset -1px 0 #ffffff0a}.admin-sidebar-brand{display:flex;gap:14px;align-items:center;padding:14px;border-radius:18px;background:#ffffff0f}.admin-sidebar-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#10b981,#047857);color:#fff;font-weight:800;letter-spacing:.08em}.admin-sidebar-brand strong{display:block;color:#fff}.admin-sidebar-brand p{margin:4px 0 0;color:#94a3b8;font-size:.84rem}.admin-nav-list{display:grid;gap:8px;margin-top:18px}.admin-nav-link{display:flex;align-items:center;padding:12px 14px;border-radius:14px;color:#cbd5e1;font-weight:600;transition:.25s ease}.admin-nav-link:hover{background:#ffffff12;color:#fff}.admin-nav-link.active{background:linear-gradient(135deg,#10b98138,#05966952);color:#fff;box-shadow:inset 0 0 0 1px #6ee7b72e}.admin-sidebar-footer{margin-top:auto}.admin-logout-button{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-weight:600;cursor:pointer;transition:.25s ease}.admin-logout-button:hover{background:#ffffff1a}.admin-main-luxury{padding-top:32px;padding-bottom:32px}.admin-dashboard-luxury{gap:24px}.admin-hero-card{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;padding:28px;border-radius:28px;background:linear-gradient(135deg,#0f172a,#064e3b 60%,#10b981 140%);color:#fff;box-shadow:0 24px 60px #064e3b38}.admin-hero-card h1{margin:8px 0 10px;font-size:clamp(2rem,3vw,2.8rem);line-height:1.08}.admin-hero-card p{max-width:720px;margin:0;color:#ffffffc7}.admin-kicker{display:inline-block;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#a7f3d0}.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-stat-card{padding:20px 22px;border-radius:20px;background:#ffffffdb;border:1px solid rgba(229,231,235,.9);box-shadow:0 10px 30px #0f172a0d}.admin-stat-card span{display:block;color:#6b7280;font-size:.9rem;margin-bottom:8px}.admin-stat-card strong{font-size:2rem;color:#065f46}.admin-card-luxury{border-radius:24px;box-shadow:0 16px 36px #0f172a0f}.admin-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.admin-section-head.compact{margin-bottom:18px}.admin-section-head h2{margin:6px 0 0;font-size:1.45rem}.admin-section-head p{margin:0;color:#6b7280;max-width:520px}.settings-preview-grid-luxury{margin-top:8px}.settings-preview-card-luxury{background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:inset 0 1px #ffffffb3}.admin-split-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.admin-list-luxury{margin-top:14px}.admin-list-item-luxury{background:#fbfffd}.admin-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-article-card{overflow:hidden;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(229,231,235,.9);box-shadow:0 12px 28px #0f172a0f}.admin-article-thumb{height:180px;background:#e5e7eb}.admin-article-thumb img{width:100%;height:100%;object-fit:cover}.admin-article-thumb-empty{width:100%;height:100%;display:grid;place-items:center;color:#6b7280;font-weight:700}.admin-article-body{padding:18px}.admin-article-body h3{margin:12px 0 8px;line-height:1.35;font-size:1.05rem}.admin-article-body p{margin:0 0 14px;color:#6b7280;font-size:.92rem}.admin-article-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.admin-status-pill{padding:6px 10px;border-radius:999px;background:#f3f4f6;color:#374151;font-size:.76rem;font-weight:700;text-transform:uppercase}@media(max-width:1100px){.admin-stat-grid,.admin-split-grid,.admin-article-grid{grid-template-columns:1fr}}@media(max-width:960px){.admin-hero-card,.admin-section-head{flex-direction:column;align-items:stretch}}.admin-field-block{display:grid;gap:6px}.admin-field-label{font-size:.92rem;font-weight:700;color:#111827}.admin-field-hint{font-size:.82rem;line-height:1.45;color:#6b7280}.login-page-luxury{min-height:100vh;background:radial-gradient(circle at top left,rgba(16,185,129,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(5,150,105,.14),transparent 24%),linear-gradient(180deg,#f8fafc,#eef6f2)}.login-shell{width:min(1180px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}.login-brand-panel{padding:36px;border-radius:32px;background:linear-gradient(135deg,#0f172a,#064e3b 60%,#10b981 140%);color:#fff;box-shadow:0 30px 70px #064e3b38}.login-brand-panel h1{margin:10px 0 14px;font-size:clamp(2.2rem,4vw,3.3rem);line-height:1.08}.login-brand-panel p{max-width:620px;margin:0;color:#fffc}.login-feature-list{display:grid;gap:16px;margin-top:28px}.login-feature-item{padding:18px 20px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-feature-item strong{display:block;margin-bottom:6px;color:#fff}.login-feature-item span{color:#ffffffc2;line-height:1.5;font-size:.95rem}.login-card-luxury{width:100%;padding:32px;border-radius:28px;background:#ffffffe6;border:1px solid rgba(229,231,235,.95);box-shadow:0 24px 60px #0f172a1a;display:grid;gap:18px;align-content:start}.login-card-head h2{margin:10px 0 8px;font-size:1.9rem;line-height:1.12}.login-card-head p{margin:0;color:#6b7280}.login-field{display:grid;gap:8px}.login-field span{font-size:.92rem;font-weight:700;color:#111827}.login-error-box,.login-helper-box{padding:12px 14px;border-radius:14px;margin:0}.login-error-box{background:#fff1f2;border:1px solid #fecdd3}.login-helper-box{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.login-submit-button{justify-content:center}.login-footnote{margin:0;text-align:center}@media(max-width:960px){.login-shell{grid-template-columns:1fr}.login-brand-panel,.login-card-luxury{padding:24px;border-radius:24px}}.login-page-simple{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef6f2)}.login-card-simple{width:min(460px,100%);padding:32px;border-radius:24px;background:#fffffff0;border:1px solid rgba(229,231,235,.95);box-shadow:0 20px 50px #0f172a14;display:grid;gap:16px}.login-card-simple h1{margin:0;font-size:2rem;line-height:1.1}.login-simple-text{margin:0;color:#6b7280}@media(max-width:960px){.login-card-simple{padding:24px;border-radius:20px}}.button,.aspirasi-link,.news-outline-link,.cms-link,.ghost-button,.danger-button{position:relative;overflow:hidden}.button:before,.aspirasi-link:before,.news-outline-link:before,.cms-link:before,.ghost-button:before,.danger-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .28s ease;pointer-events:none}.button:hover:before,.aspirasi-link:hover:before,.news-outline-link:hover:before,.cms-link:hover:before,.ghost-button:hover:before,.danger-button:hover:before{opacity:1}.button{border-radius:16px;padding:14px 22px;font-weight:800;letter-spacing:-.01em}.button.primary{background:linear-gradient(135deg,#fff,#f3f4f6);color:#111827;border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 32px #00000029}.button.primary:before{background:linear-gradient(135deg,#ffffff61,#fff0)}.button.primary:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 20px 40px #0000002e}.button.secondary{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 0 0 1px #ffffff0f}.button.secondary:before{background:linear-gradient(135deg,#ffffff29,#ffffff05)}.button.secondary:hover{transform:translateY(-3px);background:#ffffff24}.hero-primary{gap:14px;padding-right:12px}.hero-primary-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--primary-600),var(--primary-800));box-shadow:0 10px 22px #05966947;transition:transform .25s ease}.hero-primary:hover .hero-primary-icon,.aspirasi-link:hover .aspirasi-icon{transform:translate(2px) rotate(-8deg)}.aspirasi-link{padding:9px 9px 9px 16px;border:1px solid rgba(229,231,235,.95);background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 12px 26px #0f172a1f}.aspirasi-link:before{background:linear-gradient(135deg,#10b98114,#fff0)}.aspirasi-link:hover{transform:translateY(-3px);box-shadow:0 18px 34px #0f172a29}.aspirasi-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));box-shadow:0 10px 20px #0596693d;transition:transform .25s ease}.news-outline-link,.cms-link,.ghost-button{border-radius:14px;font-weight:700}.news-outline-link{padding:13px 20px;background:transparent;border:2px solid rgba(5,150,105,.92)}.news-outline-link:before{background:linear-gradient(135deg,#05966914,#05966905)}.news-outline-link:hover{transform:translateY(-3px);box-shadow:0 16px 28px #05966924}.cms-link,.ghost-button{padding:11px 16px;border:1px solid rgba(209,213,219,.95);background:linear-gradient(180deg,#fff,#f8fafc);color:#334155;box-shadow:0 6px 18px #0f172a0d}.cms-link:before,.ghost-button:before{background:linear-gradient(135deg,#10b98114,#fff0)}.cms-link:hover,.ghost-button:hover{transform:translateY(-2px);color:var(--primary-700);border-color:#6ee7b7f2;box-shadow:0 14px 26px #0f172a14}.danger-button{padding:11px 16px;border-radius:14px;border:1px solid #fecaca;background:linear-gradient(180deg,#fff1f2,#ffe4e6);color:#be123c;font-weight:700;box-shadow:0 8px 18px #be185d14}.danger-button:before{background:linear-gradient(135deg,#f43f5e14,#fff0)}.danger-button:hover{transform:translateY(-2px);box-shadow:0 14px 24px #be185d1f}.login-submit-button,.admin-logout-button{border-radius:16px}.admin-logout-button{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff0f,#ffffff05)}.admin-logout-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(135deg,#ffffff1f,#fff0);transition:opacity .28s ease}.admin-logout-button:hover:before{opacity:1}.topbar.dpm-topbar{position:absolute;top:0;left:0;right:0;z-index:60;padding-top:26px;padding-bottom:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}.topbar-shell-floating{width:min(1280px,calc(100% - 320px));margin:0 auto;padding:18px 30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;background:#fffffffa;border:1px solid rgba(226,232,240,.92);border-radius:0 0 34px 34px;box-shadow:0 18px 42px #0f172a1a}.brand-lockup{gap:14px}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:1rem;font-weight:800;color:#0f172a}.brand-copy small{color:#94a3b8;font-size:.72rem}.nav-premium{gap:14px;padding:0}.nav-link{position:relative;padding:12px 16px;border-radius:999px;color:#475569;font-size:.98rem;font-weight:700;transition:color .28s ease,background-color .28s ease,transform .28s ease}.nav-link:hover{color:#0f172a;background:#ecfdf5e0;transform:translateY(-1px)}.nav-link:after{content:"";position:absolute;left:20px;right:20px;bottom:8px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--primary-600),var(--primary-700));transform:scaleX(0);transform-origin:center;transition:transform .28s ease}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link.active{color:var(--primary-700);background:#d1fae5}.topbar-actions{display:flex;align-items:center;gap:22px}.topbar-text-action{color:#475569;font-weight:700;transition:color .25s ease,transform .25s ease}.topbar-text-action:hover,.topbar-text-action.active{color:var(--primary-700);transform:translateY(-1px)}.aspirasi-link-premium{justify-content:center;min-height:52px;padding:14px 30px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;font-weight:800;box-shadow:0 16px 32px #0596692e}.aspirasi-link-premium:before{background:linear-gradient(135deg,#ffffff2e,#fff0)}.aspirasi-link-premium:hover{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%);box-shadow:0 20px 38px #05966938}.aspirasi-link-premium .aspirasi-icon{display:none}.hero-actions .button,.cta-aspirasi-link,.news-outline-link{border-radius:999px}.button{min-height:54px;padding:15px 24px;font-weight:800;letter-spacing:-.01em}.button.primary,.cta-aspirasi-link{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;border:0;box-shadow:0 18px 34px #05966938}.button.primary:before,.cta-aspirasi-link:before{background:linear-gradient(135deg,#ffffff2e,#fff0)}.button.primary:hover,.cta-aspirasi-link:hover{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%);box-shadow:0 24px 42px #05966947}.hero-primary-icon{background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff26}.button.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px #ffffff0d}.button.secondary:hover{background:#ffffff29}.news-outline-link{border-color:#05966957;color:var(--primary-700)}.news-outline-link:before{background:linear-gradient(135deg,#10b9811f,#fff0)}.news-outline-link:hover{box-shadow:0 16px 32px #0596691f}@media(max-width:1280px){.topbar-shell-floating{width:min(100%,calc(100% - 80px))}}@media(max-width:1080px){.topbar.dpm-topbar{padding-top:20px}.topbar-shell-floating{width:min(100%,calc(100% - 32px));grid-template-columns:1fr;justify-items:center;padding:22px 20px}.nav-premium,.topbar-actions{justify-content:center;flex-wrap:wrap}}@media(max-width:720px){.topbar.dpm-topbar{padding-top:14px}.topbar-shell-floating{width:min(100%,calc(100% - 20px));gap:16px;padding:18px 16px;border-radius:0 0 22px 22px}.nav-link{padding:10px 14px;font-size:.94rem}.topbar-actions{width:100%;flex-direction:column;gap:10px}.topbar-text-action,.aspirasi-link-premium{width:100%;justify-content:center;text-align:center}}.topbar.dpm-topbar.scrolled{position:fixed!important;top:0;left:0;right:0;z-index:80;padding-top:0;background:#f8fafc61;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar.dpm-topbar.scrolled .topbar-shell-floating{width:min(1280px,calc(100% - 56px));margin:12px auto 0;padding:14px 24px;border-radius:22px;background:#ffffffc2;border:1px solid rgba(226,232,240,.88);box-shadow:0 16px 34px #0f172a1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media(max-width:1080px){.topbar.dpm-topbar.scrolled .topbar-shell-floating{width:min(100%,calc(100% - 32px));margin-top:10px}}@media(max-width:720px){.topbar.dpm-topbar.scrolled .topbar-shell-floating{width:min(100%,calc(100% - 20px));margin-top:8px;padding:14px;border-radius:18px}}.about-dpm-section,.structure-section{scroll-margin-top:140px}.topbar-menu-cluster{display:contents}.mobile-menu-toggle{display:none;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid rgba(203,213,225,.9);border-radius:16px;background:#ffffffeb;box-shadow:0 10px 24px #0f172a14;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.mobile-menu-toggle:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0f172a1f}.mobile-menu-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:#0f172a;transition:transform .25s ease,opacity .25s ease}.mobile-menu-toggle span+span{margin-top:4px}.mobile-menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:1080px){.topbar-shell-floating{grid-template-columns:auto auto;justify-content:space-between;align-items:center;gap:18px}.topbar-menu-cluster{grid-column:1 / -1;width:100%;display:grid;gap:16px}.nav-premium,.topbar-actions{justify-content:center;flex-wrap:wrap}}@media(max-width:720px){.topbar-shell-floating{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px}.brand-lockup{min-width:0;gap:10px}.brand-logo-image{width:42px;height:42px}.brand-copy strong{font-size:.94rem}.brand-copy small{font-size:.68rem}.mobile-menu-toggle{display:inline-flex}.topbar-menu-cluster{grid-column:1 / -1;display:none;width:100%;padding-top:6px}.topbar-menu-cluster.open{display:grid;animation:mobileMenuDrop .24s ease}.nav-premium{display:grid;gap:10px}.nav-link{width:100%;padding:13px 16px;text-align:left;background:#f8fafc;border-radius:16px}.nav-link:after{left:16px;right:auto;width:34px;bottom:9px}.topbar-actions{width:100%;display:grid;gap:10px}.topbar-text-action,.aspirasi-link-premium{width:100%;min-height:50px;justify-content:center;text-align:center;border-radius:16px}.topbar-text-action{display:inline-flex;align-items:center;justify-content:center;padding:13px 16px;background:#f8fafc;border:1px solid rgba(226,232,240,.95);border-radius:16px}.topbar.dpm-topbar.scrolled .topbar-shell-floating{padding:14px}}@keyframes mobileMenuDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.brand-lockup{display:flex;align-items:center;gap:12px;max-width:calc(100% - 8px)}.brand-logo-image{width:44px;height:44px;flex-shrink:0;padding:0;border-radius:0;background:transparent;box-shadow:none}.brand-copy{min-width:0;gap:1px}.brand-copy strong{font-size:.98rem;line-height:1.05;white-space:nowrap}.brand-copy small{font-size:.7rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-toggle{width:46px;height:46px;border-radius:14px}.mobile-menu-toggle span{width:18px;height:2px;margin:0;transform:none!important;opacity:1!important}.mobile-menu-toggle span+span{margin-top:5px}.mobile-menu-toggle.open span:nth-child(1),.mobile-menu-toggle.open span:nth-child(2),.mobile-menu-toggle.open span:nth-child(3){transform:none;opacity:1}}.brand-logo-image{background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important}@media(max-width:720px){.topbar-shell-floating{width:min(100%,calc(100% - 28px))!important;padding:14px 16px!important;border-radius:0 0 24px 24px!important}.brand-lockup{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;max-width:calc(100% - 8px)!important;flex:1 1 auto!important}.brand-logo-image{width:48px!important;height:48px!important;flex-shrink:0!important;object-fit:contain!important;transform:scale(1.22)!important;transform-origin:center!important}.brand-copy{min-width:0!important;display:grid!important;gap:1px!important;padding-top:1px!important}.brand-copy strong{font-size:1rem!important;line-height:1.04!important;white-space:nowrap!important}.brand-copy small{display:block!important;max-width:100%!important;font-size:.69rem!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-menu-toggle{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:46px!important;height:46px!important;padding:0!important;border-radius:14px!important;flex-shrink:0!important}.mobile-menu-toggle span,.mobile-menu-toggle.open span:nth-child(1),.mobile-menu-toggle.open span:nth-child(2),.mobile-menu-toggle.open span:nth-child(3){display:block!important;width:18px!important;height:2px!important;margin:0!important;background:#0f172a!important;border-radius:999px!important;opacity:1!important;transform:none!important}.mobile-menu-toggle span+span{margin-top:0!important}}@media(max-width:720px){.hero-support{justify-items:start}.hero-support-grid{display:flex!important;flex-wrap:wrap;gap:12px;width:auto!important}.hero-support-card{width:fit-content;max-width:132px;min-width:0;padding:12px 14px;border-radius:18px}.hero-support-card img{height:56px;width:auto;margin:0 auto}}