.activity-section{padding:4rem 2rem;background-color:var(--background)}.activity-container{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:3rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#4a90e2,#357abd);border-radius:2px}.activity-cards{display:flex;flex-direction:column;gap:2rem}.activity-card{background:var(--background);border-radius:15px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.activity-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.card-header{position:relative;width:100%;height:300px;overflow:hidden}.image-carousel,.image-container{position:relative;width:100%;height:100%}.card-image{transition:transform .3s ease}.activity-card:hover .card-image{transform:scale(1.05)}.carousel-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease}.carousel-image.active{opacity:1}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}.indicator{width:10px;height:10px;border-radius:50%;background:hsla(0,0%,100%,.5);border:none;cursor:pointer;transition:all .3s ease}.indicator.active{background:#fff;transform:scale(1.2)}.card-content{padding:2rem}.card-content h3{font-size:1.5rem;font-weight:600;color:var(--foreground);margin-bottom:.5rem}.date{color:#666;font-size:.9rem;margin-bottom:1rem}.description{color:var(--foreground);line-height:1.6;margin-bottom:1.5rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:rgba(74,144,226,.1);color:#4a90e2;padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500;transition:background-color .3s ease}.tag:hover{background:rgba(74,144,226,.2)}@media (max-width:768px){.activity-section{padding:3rem 1rem}.section-title{font-size:2rem;margin-bottom:2rem}.card-header{height:250px}.card-content{padding:1.5rem}.card-content h3{font-size:1.3rem}}@media (max-width:480px){.activity-section{padding:2rem 1rem}.section-title{font-size:1.75rem}.card-header{height:200px}.card-content{padding:1.25rem}.card-content h3{font-size:1.2rem}.description{font-size:.95rem}.tag{font-size:.8rem;padding:.3rem .6rem}}@media (prefers-color-scheme:dark){.activity-card{background:hsla(0,0%,100%,.05)}.date{color:#999}.tag{background:rgba(74,144,226,.15)}.tag:hover{background:rgba(74,144,226,.25)}}