.csfm-module{width:100%}.csfm-filter{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:32px}.csfm-filter,.csfm-filter__btn{align-items:center;justify-content:center}.csfm-filter__btn{background-color:#fff;border:1px solid #d1d5db;border-radius:999px;color:#111827;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;height:44px;line-height:1;min-width:140px;padding:0 20px;transition:background-color .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.csfm-filter__btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.csfm-filter__btn.active{background-color:#111827;border-color:#111827;color:#fff}.csfm-card-list{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.csfm-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 14px rgba(0,0,0,.04);display:flex;flex-direction:column;padding:20px;transition:opacity .2s ease,transform .2s ease,box-shadow .3s ease}.csfm-card.hidden{display:none}.csfm-card:hover{box-shadow:0 16px 32px rgba(0,0,0,.12);transform:translateY(-8px)}.csfm-card__image{margin-bottom:16px}.csfm-card__image img{border-radius:12px;display:block;height:auto;width:100%}.csfm-card__title{color:#111827;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 8px}.csfm-card__subtitle{color:#6b7280;font-size:16px;font-weight:500;line-height:1.4;margin:0 0 12px}.csfm-card__content{color:#374151;flex-grow:1;font-size:15px;line-height:1.7;margin-bottom:16px}.csfm-card__content p:last-child{margin-bottom:0}.csfm-card__video-link{display:flex;justify-content:center;margin-top:auto;padding-top:16px}.csfm-card__video-btn{background-color:#ff6b00!important;border:0;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:10px 16px;transition:background-color .2s ease}.csfm-card__video-btn:hover{background-color:#e55f00!important}.csfm-modal{align-items:center;display:none;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.csfm-modal.is-open{display:flex}.csfm-modal__overlay{background:rgba(0,0,0,.75);inset:0;position:absolute}.csfm-modal__dialog{position:relative;width:min(900px,100%);z-index:2}.csfm-modal__close{align-items:center;background:#fff;border:0;border-radius:999px;box-shadow:0 2px 10px rgba(0,0,0,.2);color:#111827;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;line-height:1;position:absolute;right:0;top:-48px;transition:background-color .15s ease;width:40px}.csfm-modal__close:hover{background-color:#f3f4f6}.csfm-modal__iframe-wrap{background:#000;border-radius:12px;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.csfm-modal__iframe{border:0;border-radius:12px;height:100%;inset:0;position:absolute;width:100%}body.csfm-modal-open{overflow:hidden}@media (max-width:991px){.csfm-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.csfm-filter{gap:10px}.csfm-filter__btn{font-size:13px;height:40px;min-width:120px}.csfm-card-list{grid-template-columns:1fr}.csfm-card{padding:16px}.csfm-card__title{font-size:20px}.csfm-card__subtitle{font-size:15px}.csfm-modal__close{top:-52px}}