:root{--kemenag-green: #1B5E20;--kemenag-green-light: #2E7D32;--kemenag-green-dark: #0D4F16;--kemenag-gold: #FFD700;--kemenag-gold-dark: #FFA000;--kemenag-white: #FFFFFF;--kemenag-gray: #F5F5F5}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}.kemenag-header{background:linear-gradient(135deg,var(--kemenag-green) 0%,var(--kemenag-green-light) 100%);position:relative;overflow:hidden}.kemenag-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>') repeat}.navbar-kemenag{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(27,94,32,.1)}.hero-section{background:linear-gradient(135deg,var(--kemenag-green) 0%,var(--kemenag-green-light) 50%,#388E3C 100%);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.1) 0%,transparent 50%);animation:float 6s ease-in-out infinite}.btn-kemenag{background:linear-gradient(135deg,var(--kemenag-green-light) 0%,var(--kemenag-green) 100%);color:#fff;padding:12px 30px;border-radius:8px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-kemenag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-kemenag:hover:before{left:100%}.btn-kemenag:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2e7d324d}.btn-gold{background:linear-gradient(135deg,var(--kemenag-gold) 0%,var(--kemenag-gold-dark) 100%);color:var(--kemenag-green)}.btn-gold:hover{box-shadow:0 8px 25px #ffd7004d}.section-title{color:var(--kemenag-green);font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--kemenag-gold),var(--kemenag-green-light));border-radius:2px}.card-artikel{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(27,94,32,.1)}.card-artikel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--kemenag-gold),var(--kemenag-green-light));opacity:0;transition:opacity .3s ease}.card-artikel:hover:before{opacity:1}.card-artikel:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.stats-card{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(27,94,32,.1)}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--kemenag-gold),var(--kemenag-green-light));transform:scaleX(0);transition:transform .3s ease}.stats-card:hover:before{transform:scaleX(1)}.stats-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.progress-bar{background:linear-gradient(90deg,var(--kemenag-gold) 0%,var(--kemenag-green-light) 100%);border-radius:10px;position:relative;overflow:hidden}.table-hover-row:hover{background:linear-gradient(90deg,#ffd7000d,#2e7d320d);transform:scale(1.01);transition:all .2s ease-in-out}.kemenag-gold{color:var(--kemenag-gold)}.kemenag-green{color:var(--kemenag-green)}.kemenag-light-green{color:var(--kemenag-green-light)}.text-kemenag{color:var(--kemenag-green)}.text-kemenag-light{color:var(--kemenag-green-light)}.animate-fade-in{opacity:0;animation:fadeIn .8s ease-out forwards}.animate-slide-up{opacity:0;transform:translateY(30px);animation:slideUp .8s ease-out forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.section-title{font-size:2rem}.btn-kemenag{padding:10px 24px;font-size:.9rem}}html{scroll-behavior:smooth}.btn-kemenag:focus,.card-artikel:focus,.stats-card:focus{outline:2px solid var(--kemenag-gold);outline-offset:2px}@media print{.hero-section,.navbar-kemenag,footer{background:#fff!important;color:#000!important}.btn-kemenag,.card-artikel,.stats-card{box-shadow:none!important;border:1px solid #ccc!important}}