@keyframes fadeInUp-7b913c59{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-7b913c59{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes arrowMove-7b913c59{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes gradientLineExtend-7b913c59{0%{width:0}to{width:100%}}.citizen-activities[data-v-7b913c59]{width:100%}.page-header[data-v-7b913c59]{background-color:navy;color:#fff;padding:4rem 0;text-align:center}.page-header h1[data-v-7b913c59]{position:relative;font-size:2.5rem}.activities-intro[data-v-7b913c59]{text-align:center;background-color:#f9f9f9}.activities-intro p[data-v-7b913c59]{max-width:900px;margin:0 auto;font-size:1.2rem;line-height:1.6}.container[data-v-7b913c59]{max-width:1200px;margin:0 auto;padding:4rem 2rem}.loading-container[data-v-7b913c59]{text-align:center;padding:4rem 0;color:#666}.loading-spinner[data-v-7b913c59]{display:inline-block;width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #000080;border-radius:50%;animation:spin-7b913c59 1s linear infinite;margin-bottom:1rem}@keyframes spin-7b913c59{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.activities-grid[data-v-7b913c59]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem 0}.activity-card[data-v-7b913c59]{position:relative;background-color:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;animation:fadeInUp-7b913c59 .6s ease-out forwards;opacity:0;overflow:hidden}.activity-card[data-v-7b913c59]:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0003}.gradient-line[data-v-7b913c59]{position:absolute;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#000080,#4b0082,#800080);transition:width .3s ease}.activity-card:hover .gradient-line[data-v-7b913c59]{animation:gradientLineExtend-7b913c59 .3s forwards}.activity-date[data-v-7b913c59]{color:#666;font-size:.9rem;margin-bottom:1rem}.activity-card h2[data-v-7b913c59]{color:navy;margin-bottom:1rem;font-size:1.5rem}.activity-image-preview[data-v-7b913c59]{position:relative;width:100%;height:200px;margin-bottom:2rem;border-radius:8px;overflow:hidden;background-color:#f8f9fa}.preview-image[data-v-7b913c59]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.activity-card:hover .preview-image[data-v-7b913c59]{transform:scale(1.05)}.no-image-placeholder[data-v-7b913c59]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#999;background-color:#f8f9fa;border:2px dashed #ddd}.placeholder-icon[data-v-7b913c59]{font-size:2rem;margin-bottom:.5rem;opacity:.6}.no-image-placeholder span[data-v-7b913c59]{font-size:.9rem;font-weight:500}.read-more[data-v-7b913c59]{color:navy;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;transition:color .3s ease;position:relative;padding-bottom:3px}.read-more[data-v-7b913c59]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:navy;transition:width .3s ease}.read-more[data-v-7b913c59]:hover{color:indigo}.read-more[data-v-7b913c59]:hover:after{width:100%}.arrow[data-v-7b913c59]{margin-left:5px;display:inline-block;transition:transform .3s ease}.read-more:hover .arrow[data-v-7b913c59]{animation:arrowMove-7b913c59 1s ease infinite}@media (max-width: 768px){.activities-grid[data-v-7b913c59]{grid-template-columns:1fr}.page-header h1[data-v-7b913c59]{font-size:2rem}}.empty-state[data-v-7b913c59]{text-align:center;padding:4rem 0;color:#666}.empty-state-icon[data-v-7b913c59]{font-size:4rem;color:#ddd;margin-bottom:1rem}.empty-state h3[data-v-7b913c59]{color:#999;margin-bottom:.5rem}.empty-state p[data-v-7b913c59]{color:#bbb}