.card{position:relative;background:var(--surface);border:1px solid var(--border);overflow:hidden}.card--r-md{border-radius:var(--r-md)}.card--r-lg{border-radius:var(--r-lg)}.card--r-xl{border-radius:var(--r-xl)}.card--padded{padding:var(--s-6)}.card--surface{box-shadow:var(--shadow-xs)}.card--raised{box-shadow:var(--shadow-md);border-color:transparent}.card--glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);border:1px solid var(--glass-border)}.card--outline{background:transparent;box-shadow:none}.card--interactive{cursor:pointer;will-change:transform;transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.card--interactive:hover{transform:translateY(-3px);border-color:var(--border-strong);background:var(--surface-2)}.card--interactive:active{transform:translateY(-1px) scale(.992);transition-duration:var(--dur-micro)}