.hero-section{background:linear-gradient(135deg,#14532d,#166534);padding:120px 0 90px}.hero-content{max-width:760px;margin:auto}.hero-badge{color:var(--secondary);background:#16a34a1f;border-radius:50px;margin-bottom:20px;padding:8px 18px;font-weight:600;display:inline-block}.hero-content h1{color:var(--primary);margin-bottom:20px;font-size:clamp(2.3rem,4vw,3.6rem);font-weight:800}.hero-content p{color:#64748b;font-size:1.05rem;line-height:1.8}.about-section{padding:90px 0}.about-section img{-o-object-fit:cover;object-fit:cover;border-radius:24px;width:100%}.about-section h2{color:var(--primary);margin-bottom:25px;font-weight:700}.about-section p{color:#64748b;margin-bottom:18px;line-height:1.9}.section-title{max-width:700px;margin:0 auto 60px}.section-title span{color:var(--secondary);font-weight:600}.section-title h2{color:var(--primary);margin:12px 0;font-weight:700}.section-title p{color:#64748b}.umkm-section{background:#f8fafc;padding:90px 0}.umkm-card-link{color:inherit;text-decoration:none;display:block}.umkm-card{background:#fff;border-radius:22px;height:100%;transition:all .35s;overflow:hidden;box-shadow:0 8px 30px #0000000f}.umkm-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #0000001a}.umkm-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:230px}.umkm-card .card-body{padding:25px}.category-badge{color:var(--secondary);background:#16a34a1f;border-radius:50px;margin-bottom:18px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-block}.umkm-card h4{color:var(--primary);margin-bottom:20px;font-size:1.3rem;font-weight:700}.meta p{color:#64748b;align-items:center;gap:10px;margin-bottom:12px;font-size:.95rem;display:flex}.meta i{color:var(--secondary)}.detail-btn{color:var(--secondary);align-items:center;gap:8px;margin-top:18px;font-weight:600;transition:all .3s;display:inline-flex}.umkm-card:hover .detail-btn{gap:14px}.join-section{padding:90px 0}.join-box{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:28px;padding:60px}.join-box h2{margin-bottom:20px;font-weight:700}.join-box p{margin-bottom:30px;line-height:1.8}.join-box ul{margin-bottom:35px;padding:0;list-style:none}.join-box li{align-items:center;gap:12px;margin-bottom:14px;display:flex}.join-box i{color:#ffd54f}.cta-section{padding:90px 0}.cta-box{text-align:center;background:#f8fafc;border-radius:24px;padding:60px 40px}.cta-box h2{color:var(--primary);margin-bottom:20px;font-weight:700}.cta-box p{color:#64748b;max-width:700px;margin:auto auto 35px;line-height:1.8}.btn-primary-custom{color:var(--primary);background:#fff;border-radius:50px;justify-content:center;align-items:center;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary-custom:hover{color:var(--primary);transform:translateY(-3px)}.btn-secondary-custom{background:var(--secondary);color:#fff;border-radius:50px;justify-content:center;align-items:center;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary-custom:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}@media (width<=992px){.join-box{padding:45px 35px}}@media (width<=768px){.hero-section{padding:100px 0 70px}.about-section,.umkm-section,.join-section,.cta-section{padding:70px 0}.join-box{padding:35px 28px}.cta-box{padding:45px 25px}}@media (width<=576px){.hero-content h1{font-size:2rem}.umkm-card img{height:210px}.join-box{border-radius:22px}}