/* crocoblocks-design-system:v2 */:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-surface:#ffffff;--color-background:#f8fafc;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-border:#e2e8f0;--font-family-base:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-weight-regular:400;--font-weight-semibold:600;--line-height-tight:1.25;--line-height-normal:1.5;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--border-radius-sm:0.375rem;--border-radius-md:0.5rem;--shadow-card:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);--transition-fast:150ms ease-in-out;}:where(.crocoblocks-document .cb-el,.crocoblocks-preview .cb-el){box-sizing:border-box;max-width: 100%}:where(.crocoblocks-document .cb-image,.crocoblocks-preview .cb-image){max-width: 100%;height: auto;}:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 48px);max-width:var(--cb-section-container-width,1180px);margin-left:auto;margin-right:auto;}@media (max-width: 1024px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 40px);}}@media (max-width: 767px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 32px);}}.card__body{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-main);}
@media (max-width: 1024px){.card__body{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-main);}}
@media (max-width: 767px){.card__body{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-main);}}
.card__header{margin-bottom:var(--space-md);}
@media (max-width: 1024px){.card__header{margin-bottom:var(--space-md);}}
@media (max-width: 767px){.card__header{margin-bottom:var(--space-md);}}
.card__footer{margin-top:var(--space-lg);display:flex;justify-content:flex-end;}
@media (max-width: 1024px){.card__footer{margin-top:var(--space-lg);display:flex;justify-content:flex-end;}}
@media (max-width: 767px){.card__footer{margin-top:var(--space-lg);display:flex;justify-content:flex-end;}}
.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#ffffff;background-color:var(--color-primary);border:1px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast);}.button:hover{background-color:var(--color-primary-hover);}
@media (max-width: 1024px){.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#ffffff;background-color:var(--color-primary);border:1px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast);}.button:hover{background-color:var(--color-primary-hover);}}
@media (max-width: 767px){.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#ffffff;background-color:var(--color-primary);border:1px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast);}.button:hover{background-color:var(--color-primary-hover);}}
.card__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);}
@media (max-width: 1024px){.card__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);}}
@media (max-width: 767px){.card__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);}}
.card__subtitle{margin-top:var(--space-xs);margin-bottom:0;font-size:var(--font-size-sm);color:var(--color-text-muted);}
@media (max-width: 1024px){.card__subtitle{margin-top:var(--space-xs);margin-bottom:0;font-size:var(--font-size-sm);color:var(--color-text-muted);}}
@media (max-width: 767px){.card__subtitle{margin-top:var(--space-xs);margin-bottom:0;font-size:var(--font-size-sm);color:var(--color-text-muted);}}
.card--highlighted{border-color:var(--color-primary);background-color:var(--color-background);}
@media (max-width: 1024px){.card--highlighted{border-color:var(--color-primary);background-color:var(--color-background);}}
@media (max-width: 767px){.card--highlighted{border-color:var(--color-primary);background-color:var(--color-background);}}
.button__icon{margin-right:var(--space-xs);width:1rem;height:1rem;}
@media (max-width: 1024px){.button__icon{margin-right:var(--space-xs);width:1rem;height:1rem;}}
@media (max-width: 767px){.button__icon{margin-right:var(--space-xs);width:1rem;height:1rem;}}
.button--secondary{color:var(--color-text-main);background-color:transparent;border-color:var(--color-border);}.button--secondary:hover{background-color:var(--color-background);}
@media (max-width: 1024px){.button--secondary{color:var(--color-text-main);background-color:transparent;border-color:var(--color-border);}.button--secondary:hover{background-color:var(--color-background);}}
@media (max-width: 767px){.button--secondary{color:var(--color-text-main);background-color:transparent;border-color:var(--color-border);}.button--secondary:hover{background-color:var(--color-background);}}
.button--disabled{opacity:0.6;cursor:not-allowed;}
@media (max-width: 1024px){.button--disabled{opacity:0.6;cursor:not-allowed;}}
@media (max-width: 767px){.button--disabled{opacity:0.6;cursor:not-allowed;}}
.card{font-family:var(--font-family-base);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);padding:var(--space-lg);max-width:400px;color:var(--color-text-main);}
@media (max-width: 1024px){.card{font-family:var(--font-family-base);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);padding:var(--space-lg);max-width:400px;color:var(--color-text-main);}}
@media (max-width: 767px){.card{font-family:var(--font-family-base);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);padding:var(--space-lg);max-width:400px;color:var(--color-text-main);}}