@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
:root{--green:#006b4f;--green2:#00865f;--yellow:#ffc928;--dark:#102c25;--soft:#f4f8f6;--muted:#687a74}
*{box-sizing:border-box}body{font-family:Inter,sans-serif;color:var(--dark);background:#fff}.main-navbar{padding:14px 0;background:rgba(0,73,54,.94);backdrop-filter:blur(12px);transition:.3s}.main-navbar.scrolled{box-shadow:0 5px 25px rgba(0,0,0,.12)}.brand-logo{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}.navbar-brand strong{display:block;font-size:.8rem;letter-spacing:.3px}.navbar-brand small{font-size:.63rem;color:#d9eee7}.nav-link{font-size:.88rem}.hero{padding:150px 0 90px;background:radial-gradient(circle at 80% 20%,#d9f6eb 0,#eefaf5 30%,#006b4f 100%);color:#fff;min-height:650px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-150px;bottom:-200px;width:550px;height:550px;border:90px solid rgba(255,201,40,.22);border-radius:50%}.eyebrow,.section-heading span,.page-title span{font-size:.76rem;font-weight:800;letter-spacing:1.5px;color:var(--yellow)}.hero h1{font-family:'Plus Jakarta Sans';font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.06;margin:20px 0}.hero h1 span{color:var(--yellow)}.hero .lead{max-width:700px;color:#e1f2ed;line-height:1.8}.hero-card{background:rgba(255,255,255,.98);color:var(--dark);border-radius:24px;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.2);position:relative;z-index:2}.hero-card-top{display:flex;justify-content:space-between;font-weight:700}.mini-chart{height:150px;display:flex;align-items:end;gap:10px;padding:20px 5px 5px;background:linear-gradient(180deg,#f3faf7,#fff);border-radius:15px;margin-top:20px}.bar{flex:1;background:linear-gradient(#00a875,#006b4f);border-radius:8px 8px 2px 2px}.b1{height:45%}.b2{height:60%}.b3{height:52%}.b4{height:78%}.b5{height:68%}.b6{height:92%}.metric{background:#f5f8f7;border-radius:13px;padding:12px}.metric strong{display:block;font-size:1.3rem}.metric small{color:var(--muted)}.section{padding:90px 0}.soft-bg{background:var(--soft)}.section-heading{margin-bottom:38px}.section-heading span{color:var(--green2)}.section-heading h2{font-family:'Plus Jakarta Sans';font-size:2rem;margin:8px 0}.section-heading p{color:var(--muted);max-width:650px}.stat-card{padding:28px;background:#fff;border:1px solid #e4ece8;border-radius:20px;height:100%;transition:.25s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,70,50,.1)}.stat-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;margin-bottom:20px}.stat-icon.blue{background:#e8f0ff;color:#3567d8}.stat-icon.green{background:#e4f8ef;color:#00865f}.stat-icon.orange{background:#fff1dc;color:#d98000}.stat-icon.purple{background:#f1e9ff;color:#7b4ac7}.stat-card strong{font-size:2rem;display:block}.stat-card span{color:var(--muted)}.research-card,.content-card,.list-card,.news-list{background:#fff;border:1px solid #e4ece8;border-radius:20px;padding:25px;height:100%}.tag{display:inline-block;background:#e8f7f1;color:var(--green);font-size:.7rem;font-weight:800;padding:7px 11px;border-radius:30px}.research-card h3{font-family:'Plus Jakarta Sans';font-size:1.15rem;line-height:1.5;margin:18px 0}.research-card p{color:var(--muted);font-size:.88rem}.card-meta{display:flex;justify-content:space-between;border-top:1px solid #edf2ef;padding-top:16px;margin-top:20px;font-size:.8rem}.card-meta a,.link-more{color:var(--green);font-weight:700;text-decoration:none}.pkm-feature{height:360px;border-radius:24px;background:linear-gradient(180deg,transparent 20%,rgba(0,40,30,.9)),linear-gradient(135deg,#5ba98d,#173e34);position:relative;overflow:hidden}.pkm-overlay{position:absolute;left:30px;right:30px;bottom:30px;color:#fff}.pkm-overlay h3{font-family:'Plus Jakarta Sans';font-size:1.7rem}.pkm-overlay p{color:#d9eee7}.pkm-overlay a{color:var(--yellow);font-weight:700;text-decoration:none}.list-card{padding:8px}.list-item{display:flex;gap:15px;align-items:center;padding:18px;border-bottom:1px solid #edf2ef}.list-item:last-child{border:0}.round-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#e8f7f1;color:var(--green);flex:none}.list-item strong,.list-item small{display:block}.list-item small{color:var(--muted);margin-top:5px}.lecturer-card{background:#fff;border:1px solid #e4ece8;border-radius:20px;padding:22px;text-align:center;height:100%}.avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#d8f3e9,#8ccdb7);display:grid;place-items:center;margin:0 auto 15px;font-size:2rem;color:var(--green)}.lecturer-card h4{font-size:1rem;margin:0 0 5px}.lecturer-card span{font-size:.78rem;color:var(--muted)}.expertise{font-size:.72rem;color:var(--green);margin-top:12px}.news-feature{border:1px solid #e4ece8;border-radius:20px;overflow:hidden;background:#fff}.news-image{height:220px;background:linear-gradient(135deg,#006b4f,#a9dfcc)}.news-feature h3{font-family:'Plus Jakarta Sans';font-size:1.3rem}.news-list{padding:0}.news-list div{padding:22px;border-bottom:1px solid #edf2ef}.news-list small{display:block;color:var(--green);margin-bottom:7px}.news-list strong{display:block}.footer{background:#073c2e;color:#fff}.footer a{display:block;color:#b8d7ce;text-decoration:none;margin:7px 0;font-size:.9rem}.footer-logo{width:48px;height:48px;background:#fff;border-radius:50%;padding:2px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);color:#a9c8bf;font-size:.8rem}.inner-page{padding-top:95px;min-height:70vh;background:#f7faf8}.page-title{padding:45px 0}.page-title h1{font-family:'Plus Jakarta Sans';font-size:2.7rem;margin:8px 0}.page-title p{color:var(--muted)}.content-card h2,.content-card h3{font-family:'Plus Jakarta Sans'}.content-card p{color:#5d706a;line-height:1.8}.highlight{background:linear-gradient(135deg,#006b4f,#008b64);color:#fff}.highlight .data-row{border-bottom:1px solid rgba(255,255,255,.18);padding:15px 0;display:flex;justify-content:space-between}.highlight .data-row span{color:#c7e6dc}.vision-box{border-left:6px solid var(--yellow);background:#fff}.vision-box h2{font-size:1.6rem;line-height:1.6;margin-top:18px}.mission-list{line-height:2;color:#5d706a}.mission-list li{margin-bottom:10px}@media(max-width:991px){.hero{padding-top:125px}.hero-card{margin-top:20px}.section{padding:65px 0}}