.card{position:relative;display:grid;gap:var(--spacing-lg);padding:clamp(1.2rem,2vw,1.7rem);border:1px solid color-mix(in oklab,var(--color-border) 88%,white);border-radius:var(--radius-xl);background:color-mix(in oklab,var(--color-surface) 90%,white);box-shadow:var(--shadow-sm);overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card:before{content:"";position:absolute;inset:0;background:var( --card-overlay-background, linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .74)) );pointer-events:none}.card>*{position:relative;z-index:1}.card--default{background:color-mix(in oklab,var(--color-surface) 92%,white)}.card--elevated{box-shadow:var(--shadow-md)}.card--outlined{background:transparent;box-shadow:none}.card--ghost{background:color-mix(in oklab,var(--surface-panel-muted) 86%,white);box-shadow:var(--shadow-xs)}.card--tint{background:linear-gradient(180deg,color-mix(in oklab,var(--surface-panel-accent) 82%,white),color-mix(in oklab,var(--surface-panel) 92%,white))}.card--contrast{background:linear-gradient(180deg,color-mix(in oklab,var(--surface-panel-strong) 80%,white),color-mix(in oklab,var(--surface-panel) 96%,white))}.card--accent-primary:after,.card--accent-secondary:after,.card--accent-tertiary:after,.card--accent-success:after{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px}.card--accent-primary:after{background:linear-gradient(90deg,var(--color-primary),color-mix(in oklab,var(--color-primary) 44%,white))}.card--accent-secondary:after{background:linear-gradient(90deg,var(--color-secondary),color-mix(in oklab,var(--color-secondary) 40%,white))}.card--accent-tertiary:after{background:linear-gradient(90deg,var(--color-tertiary),color-mix(in oklab,var(--color-tertiary) 44%,white))}.card--accent-success:after{background:linear-gradient(90deg,var(--status-success),color-mix(in oklab,var(--status-success) 44%,white))}.card--interactive{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:color-mix(in oklab,var(--color-border-strong) 78%,white)}