.card{border-radius:var(--radius-lg);background:var(--glass-bg);border:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturation));box-shadow:var(--shadow-glass-highlight),var(--shadow-glass-inner),var(--shadow-glass-outer);transition:background-color var(--duration-standard)var(--ease-soft),box-shadow var(--duration-standard)var(--ease-soft),transform var(--duration-standard)var(--ease-soft);position:relative;overflow:visible}.card--solid{border:1px solid rgba(var(--brand-violet-rgb),.08);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;background:#ffffffe6}.card--glass-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong))saturate(var(--glass-saturation))}.card-pad-none{padding:0}.card-pad-xs{padding:var(--spacing-sm)}.card-pad-sm{padding:var(--spacing-md)}.card-pad-md{padding:var(--spacing-lg)}.card-pad-lg{padding:var(--spacing-xl)}.card-pad-wide{padding:var(--spacing-md)var(--spacing-lg)}.card--hoverable{cursor:pointer}@media (hover:hover){.card--hoverable:not(.card--no-interactive-hover):hover,.hover-luxe:not(.card--no-interactive-hover):hover{background:var(--glass-bg-strong);box-shadow:var(--shadow-glass-hover);transform:translateY(-2px)}}@media (hover:none){.card--hoverable:not(.card--no-interactive-hover):hover,.card--hoverable:not(.card--no-interactive-hover):active,.hover-luxe:hover,.hover-luxe:active{box-shadow:var(--shadow-glass-outer);transform:none}.card,.hover-luxe{transition-duration:0s}}.card--hoverable:focus-visible{outline:2px solid rgba(var(--brand-violet-rgb),.7);outline-offset:2px}@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.card{background:rgba(var(--brand-cream-rgb),.85);-webkit-backdrop-filter:none}}@media (prefers-reduced-transparency:reduce){.card{background:var(--neutral-soft);border:1px solid rgba(var(--brand-violet-rgb),.12);-webkit-backdrop-filter:none}}.card>*{z-index:2;position:relative}.card__overlay{opacity:.05;z-index:0;border-radius:var(--radius-lg);transition:opacity var(--duration-standard)var(--ease-soft);background-color:hsl(var(--overlay-color));position:absolute;inset:0}.card__overlay--gradient{opacity:.05;z-index:0;border-radius:var(--radius-lg);transition:opacity var(--duration-standard)var(--ease-soft);position:absolute;inset:0}@media (hover:hover){.group:hover .card:not(.card--no-interactive-hover) .card__overlay,.group:hover .card:not(.card--no-interactive-hover) .card__overlay--gradient{opacity:.1}}@media (hover:none){.group:hover .card__overlay,.group:active .card__overlay,.group:hover .card__overlay--gradient,.group:active .card__overlay--gradient{opacity:.05}}.card__icon-sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.card__icon-md{width:var(--icon-size-md);height:var(--icon-size-md)}.card__icon-lg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.card__mt-stagger{margin-top:var(--stagger-offset)}.card--app{background:var(--surface-raised);border:1px solid var(--border-default);-webkit-backdrop-filter:none;box-shadow:none}.card--app:hover{box-shadow:none;transform:none}.card--app.card--interactive{cursor:pointer;transition:border-color var(--duration-hover)var(--ease-soft),background-color var(--duration-hover)var(--ease-soft),box-shadow var(--duration-hover)var(--ease-soft)}.card--app.card--interactive:hover{border-color:var(--border-emphasis);background:var(--surface-hover);box-shadow:none}.card--app.card--interactive:focus-visible{outline:2px solid var(--brand-violet);outline-offset:2px}.card--selected{border:2px solid var(--brand-violet);box-shadow:var(--ui-focus-ring)}.card--disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.card--selected.card--app,.card--selected.card--app:hover{background:var(--surface-selected)}.card--plan.card--app{border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.plan-card--glow{--plan-accent:var(--thryvera-glow)}.plan-card--radiance{--plan-accent:var(--thryvera-radiance)}.plan-card--defense{--plan-accent:var(--thryvera-defense)}.plan-card--renewal{--plan-accent:var(--thryvera-renewal)}.plan-card--hydration{--plan-accent:var(--thryvera-hydration)}.card--plan.card--app.card--interactive{transition:border-color var(--duration-standard)var(--ease-soft),box-shadow var(--duration-standard)var(--ease-soft)}.card--plan.card--app.card--interactive:hover{border-color:var(--border-emphasis);background:var(--surface-base);box-shadow:var(--shadow-lg)}.card--plan.card--selected{box-shadow:var(--ui-focus-ring),var(--shadow-lg)}.card-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--border-muted)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--border-muted)}
