body{color:#1b2338;background:#f7fbf8;font-family:Inter,sans-serif}.hero-section{background:#eaf7f1;padding:90px 0;position:relative;overflow:hidden}.hero-circle{background:#70cf9f26;border-radius:50%;position:absolute}.hero-circle-left{width:220px;height:220px;bottom:-80px;left:-90px}.hero-circle-right{width:260px;height:260px;top:-120px;right:-100px}.hero-badge{color:#20834f;background:#fff;border:1px solid #dceee5;border-radius:30px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.hero-section h1{margin-top:25px;font-size:58px;font-weight:800}.hero-section h1 span{color:#1d7c48;display:block}.hero-section p{color:#6b7280;max-width:700px;margin:20px auto}.stat-card{text-align:center;background:#fff;border-radius:15px;padding:20px;box-shadow:0 10px 25px #0000000d}.stat-card i{color:#1d7c48;font-size:24px}.featured-section{padding:70px 0}.section-tag{color:#1d7c48;background:#e8f7ef;border-radius:20px;padding:6px 14px;font-size:12px;display:inline-block}.featured-section h2{margin-top:15px;margin-bottom:30px;font-weight:700}.featured-card{background:#eef8f2;border-radius:25px;padding:30px}.certificate-preview{border-radius:12px}.status-badge{border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.active{color:#fff;background:#198754}.info-list{margin:20px 0;padding-left:18px}.gallery-section{padding-bottom:80px}.certificate-card{background:#fff;border-radius:18px;height:100%;overflow:hidden;box-shadow:0 10px 25px #0000000d}.card-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:180px}.card-content{padding:15px}.card-top{justify-content:space-between;margin-bottom:10px;display:flex}.badge-active{color:#fff;background:#198754;border-radius:15px;padding:4px 10px;font-size:11px}.badge-type{background:#f2f4f7;border-radius:15px;padding:4px 10px;font-size:11px}.card-content h5{margin-bottom:8px;font-size:16px}.card-content p{color:#6b7280;font-size:13px}.card-content small{color:#888;margin-bottom:15px;display:block}.btn-view{text-align:center;color:#fff;background:#198754;border-radius:25px;padding:10px;font-size:14px;text-decoration:none;display:block}.btn-view:hover{color:#fff;background:#146c43}@media (width<=992px){.hero-section h1{font-size:42px}.featured-card{text-align:center}.certificate-preview{margin-bottom:25px}}@media (width<=576px){.hero-section{padding:70px 20px}.hero-section h1{font-size:32px}}.badge-archived{color:#fff;background:#7b8794;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}