:root{--card-padding:var(--spacing-lg, 1rem);--card-padding-md:var(--spacing-xl, 1.25rem);--card-padding-lg:var(--spacing-2xl, 1.5rem);--card-border-radius:var(--border-radius-lg, 12px);--card-border-width:1px;--card-border-color:#e5e7eb;--card-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1));--card-shadow-hover:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));--card-shadow-elevated:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.1));--card-background:var(--color-bg-primary, #ffffff);--card-transition:all 250ms ease-out;--container-padding:var(--spacing-lg, 1rem);--container-gap:var(--spacing-2xl, 1.5rem);--grid-gap:var(--spacing-lg, 1rem);--heading-1-size:var(--font-size-4xl, 2rem);--heading-2-size:var(--font-size-3xl, 1.75rem);--heading-3-size:var(--font-size-2xl, 1.5rem);--heading-4-size:var(--font-size-xl, 1.25rem);--heading-margin-bottom:var(--spacing-md, 1rem);--text-margin-bottom:var(--spacing-sm, 0.5rem)}.card,.card-base{background:var(--card-background);border:var(--card-border-width) solid var(--card-border-color);border-radius:var(--card-border-radius);padding:var(--card-padding-md);box-shadow:var(--card-shadow);transition:var(--card-transition);display:flex;flex-direction:column}.card-lg{padding:var(--card-padding-lg)}.card-sm{padding:var(--card-padding)}.card-hover:hover,.card:hover{box-shadow:var(--card-shadow-hover)}.card-elevated,.card.card-elevated{box-shadow:var(--card-shadow-elevated);border-color:#d1d5db}.card-elevated:hover{box-shadow:var(--card-shadow-elevated)}.card-header{margin-bottom:var(--spacing-md,1rem);padding-bottom:var(--spacing-md,1rem);border-bottom:1px solid #f0f0f0}.card-header:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.card-title{font-size:var(--heading-4-size);font-weight:700;margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);line-height:var(--line-height-tight)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-weight:500}.card-body{flex-grow:1;margin-bottom:var(--spacing-md,1rem);color:var(--color-text-primary);line-height:var(--line-height-normal)}.card-body p{margin:0 0 var(--spacing-md) 0}.card-body p:last-child{margin-bottom:0}.card-footer{margin-top:var(--spacing-md,1rem);padding-top:var(--spacing-md,1rem);border-top:1px solid #f0f0f0;display:flex;gap:var(--spacing-md);flex-wrap:wrap}a.card,a.card-base{text-decoration:none;color:inherit;cursor:pointer}a.card-base:hover,a.card:hover{transform:translateY(-2px)}a.card-base.card-lg:hover,a.card-lg:hover{transform:translateY(-4px)}.card-with-icon{display:flex;gap:var(--spacing-lg);align-items:flex-start}.card-icon{flex-shrink:0;font-size:2rem;line-height:1;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.card-icon-small{font-size:1.5rem;width:2.5rem;height:2.5rem}.card-content{flex:1;min-width:0}.card-grid,.card-grid-base{display:grid;gap:var(--container-gap);width:100%}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.card-grid-4{grid-template-columns:repeat(3,1fr)}.card-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}}.section-container{max-width:1200px;margin:0 auto;padding:0 var(--container-padding);box-sizing:border-box}.section-container-tight{max-width:900px}.section-container-wide{max-width:1400px}.section{padding:var(--spacing-4xl) 0}.section:first-of-type{padding-top:var(--spacing-3xl)}@media (max-width:768px){.section{padding:var(--spacing-3xl) 0}.section:first-of-type{padding-top:var(--spacing-2xl)}}h1{font-size:var(--heading-1-size);font-weight:700;margin:0 0 var(--heading-margin-bottom) 0;color:var(--color-text-primary);line-height:var(--line-height-tight)}h2{font-size:var(--heading-2-size);font-weight:700;margin:0 0 var(--heading-margin-bottom) 0;color:var(--color-text-primary);line-height:var(--line-height-tight)}h3{font-size:var(--heading-3-size);font-weight:700;margin:0 0 var(--heading-margin-bottom) 0;color:var(--color-text-primary);line-height:var(--line-height-tight)}h4{font-size:var(--heading-4-size);font-weight:700;margin:0 0 var(--heading-margin-bottom) 0;color:var(--color-text-primary);line-height:var(--line-height-tight)}p{margin:0 0 var(--text-margin-bottom) 0;color:var(--color-text-primary);line-height:var(--line-height-normal)}p:last-child{margin-bottom:0}label{display:block;font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}small{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.space-y-sm{display:flex;flex-direction:column;gap:var(--spacing-sm)}.space-y-md{display:flex;flex-direction:column;gap:var(--spacing-md)}.space-y-lg{display:flex;flex-direction:column;gap:var(--spacing-lg)}.space-y-xl{display:flex;flex-direction:column;gap:var(--spacing-xl)}.space-x-sm{display:flex;flex-direction:row;gap:var(--spacing-sm)}.space-x-md{display:flex;flex-direction:row;gap:var(--spacing-md)}.space-x-lg{display:flex;flex-direction:row;gap:var(--spacing-lg)}.m-0{margin:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.px-md{padding:0 var(--spacing-md)}.py-md{padding:var(--spacing-md) 0}.p-md{padding:var(--spacing-md)}.text-center{text-align:center}.text-muted{color:var(--color-text-secondary)}.bg-secondary{background-color:var(--color-bg-secondary)}.divider{height:1px;background:var(--card-border-color);margin:var(--spacing-lg) 0}.section-title{font-size:var(--heading-2-size);font-weight:700;text-align:center;margin:0 0 var(--spacing-2xl) 0;color:var(--color-text-primary)}.section-subtitle{font-size:var(--font-size-lg);text-align:center;color:var(--color-text-secondary);margin:0}.form-group{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column}.form-group:last-child{margin-bottom:0}.form-label{font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);display:block}.form-input,.form-select,.form-textarea{padding:var(--spacing-md);border:1px solid var(--card-border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:inherit;transition:border-color 250ms ease-out;background:var(--card-background);color:var(--color-text-primary)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:0;border-color:var(--color-action);box-shadow:0 0 0 3px rgba(0,122,255,.1)}@media (max-width:480px){:root{--card-padding:var(--spacing-md);--card-padding-md:var(--spacing-lg);--container-padding:var(--spacing-md);--container-gap:var(--spacing-lg)}h1{font-size:var(--heading-2-size)}h2{font-size:var(--heading-3-size)}}@media (prefers-reduced-motion:reduce){.card,.card-base,.card:hover,a.card,a.card-base,a.card:hover{transition:none;transform:none}}.card:focus-visible,a.card:focus-visible{outline:3px solid var(--color-action);outline-offset:2px}@media (prefers-color-scheme:dark){:root{--card-border-color:#2d3748}}