.card{background:white;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.08);color:inherit;text-decoration:none}a.card{display:block}.card-dark{background:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,.3);border-color:rgba(255,255,255,.08)}.card-default{padding:16px}.card-compact{padding:12px}.card-elevated{padding:18px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.card-dark.card-elevated{box-shadow:0 2px 4px rgba(0,0,0,.4)}.card-clickable{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (hover:hover) and (pointer:fine){.card-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.12);border-color:rgba(8,145,178,.2)}.card-dark.card-clickable:hover{box-shadow:0 4px 8px rgba(0,0,0,.5);border-color:rgba(6,182,212,.3)}}.card-clickable:active{transform:translateY(0);transition:transform .1s ease}.card-clickable:focus{outline:2px solid #0891b2;outline-offset:2px}.card-dark .card-clickable:focus{outline-color:#06b6d4}@media (max-width:768px){.card-default{padding:14px}.card-compact{padding:10px}.card-elevated{padding:16px}}@media (max-width:480px){.card{border-radius:10px}.card-default{padding:12px}.card-compact{padding:10px}.card-elevated{padding:14px}}