.kolaborasi-page{width:100%;background:var(--bg)}.kolab-hero{position:relative;min-height:380px;background:linear-gradient(180deg,#3d2a1f,#352318 15%,#2c1c13 35%,#231610 60%,#1c1310 80%,#1a1410);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4rem 2rem}.kolab-hero:before{background:radial-gradient(ellipse 100% 60% at 50% 40%,rgba(70,45,30,.4),transparent 60%),radial-gradient(circle at 50% 30%,rgba(212,165,116,.06),transparent 50%)}.kolab-hero:after,.kolab-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.kolab-hero:after{background:linear-gradient(135deg,transparent,rgba(212,165,116,.03) 50%,transparent);animation:kolabHeroGlow 8s ease-in-out infinite}@keyframes kolabHeroGlow{0%,to{opacity:0}50%{opacity:1}}.kolab-hero-overlay{display:none}.kolab-hero-content{position:relative;z-index:2;text-align:center;color:white;padding:0 2rem;max-width:800px;animation:kolabFadeInUp .8s ease-out}@keyframes kolabFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kolab-hero-content .breadcrumb{font-size:.95rem;color:#d4a574;margin-bottom:1.5rem;display:block;letter-spacing:.5px}.kolab-hero-content .breadcrumb a{color:#d4a574;text-decoration:none}.kolab-hero-content .breadcrumb a:hover{color:#e8c9a0}.kolab-hero-content .breadcrumb .separator{margin:0 .6rem;opacity:.7}.kolab-hero-content .breadcrumb .active{color:#e8c9a0}.kolab-hero-content h1{font-size:3.5rem;font-weight:700;color:#e8c9a0;margin:.75rem 0 1.25rem;letter-spacing:1px;line-height:1.2;text-shadow:0 4px 30px rgba(0,0,0,.4)}.kolab-hero-content p{font-size:1.15rem;color:rgba(255,255,255,.85);line-height:1.7}@media (max-width:768px){.kolab-hero{min-height:280px;padding:3rem 1.25rem}.kolab-hero-content h1{font-size:2rem}}.kolab-intro{padding:4rem 0;text-align:center;background:linear-gradient(180deg,#1a1410,#1c1612 15%,#1e1814 35%,#201a16 55%,#221c18 75%,#221c18)}.kolab-intro .container{max-width:700px;margin:0 auto;padding:0 2rem}.intro-badge{display:inline-block;background:linear-gradient(135deg,rgba(139,69,19,.2),rgba(212,165,116,.25));color:#d4a574;padding:.5rem 1.5rem;border-radius:50px;font-size:.85rem;font-weight:600;letter-spacing:2px;margin-bottom:1.5rem;border:1px solid rgba(212,165,116,.3)}.kolab-intro h2{font-size:2.2rem;color:var(--text);margin-bottom:1rem}.kolab-intro p{font-size:1.1rem;color:var(--muted);line-height:1.8}.kolab-types{padding:4rem 0;background:var(--surface)}.kolab-types .container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:3rem}.section-header .label{display:inline-block;background:rgba(139,69,19,.1);color:var(--primary);padding:.4rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;letter-spacing:2px;margin-bottom:1rem}.section-header h2{font-size:2rem;color:var(--text);margin:0}.types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.type-card{background:var(--bg);border-radius:16px;overflow:hidden;border:1px solid var(--glass);transition:all .3s ease}.type-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15);border-color:var(--primary)}.type-image{height:180px;overflow:hidden}.type-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.type-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(42,24,16,.9),rgba(62,39,35,.7))}.type-image-placeholder span{font-size:4rem}.type-card:hover .type-image img{transform:scale(1.05)}.type-content{padding:1.5rem}.type-icon{font-size:2rem;display:block;margin-bottom:.75rem}.type-content h3{font-size:1.3rem;color:var(--text);margin:0 0 .75rem}.type-content p{color:var(--muted);font-size:.95rem;line-height:1.6;margin:0}.kolab-activities{padding:4rem 0;background:var(--bg)}.kolab-activities .container{max-width:1200px;margin:0 auto;padding:0 2rem}.activities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.activity-card{border-radius:12px;overflow:hidden}.activity-image{position:relative;height:220px}.activity-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.activity-card:hover .activity-image img{transform:scale(1.05)}.activity-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1rem 1rem;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:white}.activity-overlay h4{font-size:1rem;margin:0 0 .25rem}.activity-overlay span{font-size:.85rem;color:#d4a574}.kolab-cta{padding:4rem 0;background:linear-gradient(135deg,#2c1810,#3e2723)}.kolab-cta .container{max-width:700px;margin:0 auto;padding:0 2rem}.cta-content{text-align:center;color:white}.cta-content h2{font-size:2rem;color:#ffd7a8;margin-bottom:.5rem}.cta-content p{font-size:1.1rem;color:rgba(255,255,255,.8);margin-bottom:2rem}.kolab-partners{padding:80px 0;background:linear-gradient(180deg,var(--bg),rgba(62,39,35,.1))}.partners-loading{text-align:center;padding:60px 20px}.partners-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(212,165,116,.2);border-top-color:#d4a574;border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.partners-loading p{color:var(--muted)}.partners-empty{text-align:center;padding:60px 20px;background:rgba(62,39,35,.3);border-radius:16px;border:1px dashed rgba(212,165,116,.3)}.partners-empty .empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.partners-empty p{color:var(--muted);font-size:1.1rem}.partners-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.partner-card{background:linear-gradient(135deg,rgba(62,39,35,.6),rgba(46,29,24,.8));border:1px solid rgba(212,165,116,.15);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.partner-card:hover{transform:translateY(-4px);border-color:rgba(212,165,116,.3);box-shadow:0 12px 30px rgba(0,0,0,.3)}.partner-image{width:100%;height:200px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(42,24,16,.8),rgba(62,39,35,.6))}.partner-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.partner-card:hover .partner-image img{transform:scale(1.05)}.partner-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,rgba(42,24,16,.9),rgba(62,39,35,.7))}.partner-content{padding:20px;text-align:center}.partner-type{display:inline-block;font-size:.8rem;color:#d4a574;background:rgba(212,165,116,.15);padding:4px 12px;border-radius:20px;margin-bottom:8px}.partner-content h3{font-size:1.2rem;color:var(--text);margin-bottom:8px}.partner-desc{font-size:.9rem;color:var(--muted);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.partner-meta{font-size:.85rem;color:rgba(212,165,116,.7)}.partner-since{display:flex;align-items:center;justify-content:center;gap:4px}@media (max-width:1024px){.activities-grid,.partners-grid,.types-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kolab-hero{height:220px}.kolab-hero-content h1{font-size:1.75rem}.activities-grid,.partners-grid,.types-grid{grid-template-columns:1fr}.kolab-partners{padding:48px 0}.partner-card{padding:20px}}