:root{--green: #10963f;--green-dark: #07662b;--green-soft: #eaf8ef;--blue: #1170b8;--pink: #f23368;--gold: #f6b93b;--ink: #18231d;--muted: #667085;--line: #e6ece8;--bg: #f6faf7;--white: #ffffff;--danger: #c0392b;--radius: 18px;--shadow: 0 16px 40px rgba(15, 143, 61, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1220px,calc(100% - 32px));margin-inline:auto}.site-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 6px 22px #1220170f}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 20px}.brand{display:inline-flex;align-items:center;gap:13px}.brand-emblem{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0,#fff 18%,#18aa4d 19%,#18aa4d);border:3px solid #0e8139;color:#fff;font-size:28px;font-weight:900;box-shadow:inset 0 0 0 4px #ffffff73}.site-brand strong{display:block;color:var(--blue);font-size:clamp(32px,5vw,52px);font-style:italic;font-weight:950;letter-spacing:-.08em;line-height:.86;text-shadow:1px 1px 0 rgba(0,0,0,.15)}.site-brand strong span{font-size:.65em;letter-spacing:-.05em;color:#0b5590}.site-brand small{display:block;margin-top:4px;font-size:12px;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;color:#1e2521}.header-search{width:min(280px,100%)}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #151515;border-radius:999px;padding:4px 8px 4px 12px}.search-box span{color:#8a9490;font-size:22px;line-height:1}.search-box input{flex:1;min-width:0;border:0;background:transparent;padding:10px 2px;outline:none}.search-box button,.btn{border:0;border-radius:999px;padding:10px 18px;cursor:pointer;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:8px}.search-box button{background:transparent;color:#555;font-size:20px;padding:5px 6px}.btn-primary{background:var(--green);color:var(--white);box-shadow:0 8px 18px #0f8f3d2e}.btn-outline{background:var(--white);border:1px solid var(--line);color:var(--green-dark)}.btn-danger{background:#fff1ee;color:var(--danger);border:1px solid #ffd4cc}.btn.full{width:100%}.nav-wrap{border-top:3px solid var(--green);background:#fff}.nav-inner{display:flex;align-items:stretch;gap:6px;overflow:visible;min-height:62px}.nav-inner>a,.nav-item>a{position:relative;display:inline-flex;align-items:center;gap:5px;height:62px;padding:0 13px;white-space:nowrap;color:#2f3632;font-size:15px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.nav-inner>a:after,.nav-item>a:after{content:"";position:absolute;left:13px;right:13px;bottom:15px;height:3px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav-inner>a:hover:after,.nav-inner>a.active:after,.nav-item:hover>a:after,.nav-item>a.active:after{transform:scaleX(1)}.nav-item{position:relative;display:inline-flex}.nav-item>a span{font-size:14px;transition:transform .18s ease}.nav-item:hover>a span{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;width:260px;background:#fff;border:1px solid var(--line);border-radius:0 0 9px 9px;box-shadow:0 18px 34px #12201724;padding:12px 0;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:70}.dropdown-menu.small{width:190px}.dropdown-menu.wide{width:285px}.nav-item:hover .dropdown-menu,.nav-item:focus-within .dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-menu a{display:block;padding:9px 22px;font-size:14px;color:#2f3632}.dropdown-menu a:hover{color:var(--green-dark);background:var(--green-soft)}.hero-section{background:linear-gradient(180deg,#fff,#f8fbff 45%,#f6faf7);padding:24px 0 26px}.hero-banner{position:relative;min-height:300px;overflow:hidden;border-radius:0 0 26px 26px;background:linear-gradient(120deg,#e8f4ff,#b9dcff 55%,#eff9f2);border:1px solid #d9e9f5;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;align-items:center}.hero-people{align-self:stretch;background:radial-gradient(circle at top left,rgba(255,255,255,.7),transparent 35%),linear-gradient(135deg,#dcefff,#fafafa);display:flex;align-items:end;padding:24px}.hero-people .person{flex:1;min-height:230px;border-radius:24px 24px 0 0;background:linear-gradient(180deg,#1d1d1d 0,#1d1d1d 14%,#f0f4fb 15%,#f0f4fb);border:1px solid rgba(0,0,0,.06);margin-left:-10px;box-shadow:0 14px 28px #1220171a}.hero-people .person:nth-child(1){height:230px}.hero-people .person:nth-child(2){height:255px}.hero-people .person:nth-child(3){height:240px}.hero-people .person:nth-child(4){height:265px;background:linear-gradient(180deg,#1d1d1d 0,#1d1d1d 14%,#fff 15%,#fff)}.hero-copy{padding:clamp(22px,4vw,48px)}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:12px}.hero-copy h1{font-size:clamp(34px,5vw,62px);line-height:1.02;margin:8px 0 12px;letter-spacing:-.05em}.hero-copy p{color:#22322a;font-size:18px;font-weight:650;max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.badge{display:inline-flex;background:var(--green);color:#fff;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900}.ticker{margin-top:-10px}.ticker-inner{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--green);box-shadow:0 7px 16px #12201714;min-height:36px}.ticker-inner strong{padding:6px 12px;color:#34413a;background:#fff;border-right:1px solid var(--line);white-space:nowrap}.ticker-inner strong:before{content:"♨ ";color:var(--pink)}.ticker-inner marquee{color:#333;font-size:14px;font-weight:750}.section-gap{padding-top:32px;padding-bottom:32px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.content-main{min-width:0}.section-heading,.archive-header,.admin-page-head,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading{border-bottom:2px solid var(--green);margin-top:4px}.section-heading h2{margin:0;background:var(--green);color:#fff;display:inline-block;padding:5px 11px 4px;font-size:18px;border-radius:0 12px 0 0}.section-heading a,.panel-head a{color:var(--green-dark);font-weight:900}.section-spacer{margin-top:32px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.post-card,.photo-card{background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #1220170d;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover,.photo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.post-card-image{position:relative;display:block}.post-card-image img{width:100%;aspect-ratio:16/10;object-fit:cover}.post-card-image .badge{position:absolute;left:12px;bottom:12px}.post-card-body{padding:14px}.post-card h3{margin:0 0 8px;font-size:16px;line-height:1.35;letter-spacing:-.02em}.post-card p{margin:0 0 12px;color:var(--muted);font-size:14px}.meta{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:12px}.sidebar{display:grid;gap:18px}.widget,.banner-card,.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #1220170d}.widget{padding:18px}.widget h3{margin:0 0 14px}.mini-post{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.mini-post:first-of-type{border-top:0}.mini-post span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--green-soft);color:var(--green-dark);font-weight:900}.mini-post strong{font-size:14px;line-height:1.35}.banner-card{padding:16px;overflow:hidden;min-height:150px;display:grid;align-content:center;gap:6px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff}.banner-card img{width:100%;border-radius:12px}.download-link{display:block;border-top:1px solid var(--line);padding:12px 0}.download-link span,.video-card span{color:var(--green);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.download-link strong{display:block;font-size:14px;line-height:1.35}.video-grid,.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.video-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.video-card div{padding:16px}.video-card h3{margin:6px 0 0;line-height:1.3}.video-card.large p{color:var(--muted)}.video-card.large a{color:var(--green-dark);font-weight:900}.photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.photo-card div{padding:16px}.photo-card h3{margin:0 0 6px;line-height:1.3}.photo-card p{margin:0;color:var(--muted);font-size:14px}.archive-header{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:24px;align-items:center;box-shadow:0 8px 24px #1220170d}.archive-header.simple{align-items:flex-start}.archive-header h1{margin:4px 0;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.archive-header p{color:var(--muted);margin:8px 0 0}.archive-search{flex:0 0 360px}.category-pills{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.category-pills a{padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:800;font-size:14px}.category-pills a.active{background:var(--green);color:#fff;border-color:var(--green)}.archive-grid{margin-top:18px}.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.article-main,.narrow-page{max-width:900px}.article-head{margin-bottom:20px}.article-head h1{font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.05em;margin:14px 0}.article-image{border-radius:24px;width:100%;max-height:520px;object-fit:cover;box-shadow:var(--shadow)}.prose{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:28px;margin-top:24px;font-size:18px}.prose p{margin-top:0}.prose ul{padding-left:22px}.related-link{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line);align-items:center}.related-link img{width:86px;height:64px;object-fit:cover;border-radius:12px}.related-link strong{font-size:14px;line-height:1.35}.download-list{display:grid;gap:12px}.download-row{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.download-row span{color:var(--green-dark);font-weight:900}.download-row p{margin:3px 0 0;color:var(--muted)}.download-row em{font-style:normal;color:var(--green);font-weight:900}.form-public{max-width:900px}.public-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.public-form-grid .full{grid-column:1 / -1}.empty-state{background:#fff;border:1px dashed #b9c9bf;border-radius:var(--radius);padding:24px;color:var(--muted)}.pagination{display:flex;list-style:none;gap:6px;padding:0;margin-top:24px;flex-wrap:wrap}.pagination a,.pagination span{display:inline-flex;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:10px}.site-footer{background:#0f1d14;color:#d9efe1;margin-top:30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:42px 0 24px}.footer-brand .brand-emblem{width:48px;height:48px;font-size:22px}.footer-brand strong{color:#fff;display:block}.site-footer p,.site-footer small{color:#aac9b6}.site-footer h4{color:#fff;margin:0 0 12px}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.copyright{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;color:#aac9b6;font-size:13px}.admin-body,.login-body{background:#f3f7f4}.admin-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.admin-sidebar{background:#0f1d14;color:#fff;padding:22px;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-brand{margin-bottom:26px}.admin-brand .brand-emblem{width:48px;height:48px;font-size:21px}.admin-brand strong{color:#fff;display:block}.admin-brand small{color:#aac9b6}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar nav a{padding:11px 13px;border-radius:12px;color:#d9efe1;font-weight:800}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#ffffff1c;color:#fff}.admin-main{min-width:0}.admin-topbar{min-height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 28px;background:#fff;border-bottom:1px solid var(--line)}.admin-content{padding:28px}.admin-page-head h1{font-size:34px;margin:4px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 8px 24px #1220170d}.stat-card span{color:var(--muted);font-weight:700}.stat-card strong{display:block;font-size:34px;letter-spacing:-.04em}.panel{padding:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.status{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900;background:#eef2f0;display:inline-flex}.status.published,.status.diterima{background:var(--green-soft);color:var(--green-dark)}.status.draft,.status.baru{background:#fff7e0;color:#946300}.status.ditolak{background:#fff1ee;color:var(--danger)}.status.ditinjau{background:#edf4ff;color:#0b5590}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.actions a,.actions button{color:var(--green-dark);font-weight:900;background:transparent;border:0;cursor:pointer;padding:0}.actions button{color:var(--danger)}.admin-filter{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.admin-filter input,.admin-filter select,label input,label select,label textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;outline:none;background:#fff}label{display:grid;gap:7px;color:#2b3d32;font-weight:800}.form-stack{display:grid;gap:16px}.compact-form{max-width:760px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.form-main,.form-side{display:grid;gap:16px}.form-side{position:sticky;top:96px}.checkbox-inline{display:flex;align-items:center;gap:9px;font-weight:700}.checkbox-inline input{width:auto}.alert{margin:18px 28px 0;border-radius:14px;padding:12px 14px}.alert.success{background:var(--green-soft);color:var(--green-dark);border:1px solid #c8ead3}.alert.danger{background:#fff1ee;color:#9f2b1f;border:1px solid #ffd4cc}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:28px}.login-card .brand-emblem{width:48px;height:48px;font-size:22px}.login-card h1{margin:24px 0 8px;letter-spacing:-.04em}.login-card p,.login-hint{color:var(--muted)}.login-hint{margin-top:16px;font-size:13px;text-align:center}@media (max-width: 1120px){.header-inner{align-items:flex-start;flex-direction:column}.header-search{width:100%}.nav-inner{overflow-x:auto;overflow-y:hidden}.dropdown-menu{position:fixed;top:auto}.cards-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1020px){.hero-banner,.page-grid,.article-wrap,.form-grid{grid-template-columns:1fr}.cards-grid,.cards-grid.compact,.video-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar,.article-sidebar,.form-side{position:static}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.site-brand strong{font-size:34px}.brand-emblem{width:50px;height:50px}.nav-inner>a,.nav-item>a{height:54px;font-size:13px;padding:0 10px}.section-heading,.archive-header,.admin-page-head,.panel-head{align-items:flex-start;flex-direction:column}.search-box,.archive-search{width:100%;flex-basis:auto}.cards-grid,.cards-grid.compact,.video-grid,.photo-grid,.stats-grid,.footer-grid,.public-form-grid{grid-template-columns:1fr}.hero-people{display:none}.download-row{grid-template-columns:1fr}.admin-sidebar nav{grid-template-columns:1fr}.admin-content,.admin-topbar{padding-inline:16px}}