.card{border:2px solid var(--primary-soft);cursor:default;border-radius:.75rem;padding:1.5rem;transition:transform .3s,box-shadow .3s}.card--focusable:focus{ring:2px solid var(--primary);ring-offset:2px;outline:none}.card--hover:hover{transform:translateY(-.25rem);box-shadow:0 10px 15px -3px #0000001a}.card--white{border-color:var(--primary-soft);background-color:#fff}.card--soft{background-color:var(--muted);border-color:var(--primary-soft)}.card--glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffc;border-color:#c8ddd480}.card--gradient{background:linear-gradient(to bottom right,#c8ddd433,#a8c5be33);border-color:#c8ddd44d}