.card-base{border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05);background:white;border:1px solid #e2e8f0;transition:all .3s ease}.card-base:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.card-small{padding:1rem;border-radius:8px}.card-medium{padding:1.5rem;border-radius:12px}.card-large{padding:2rem;border-radius:16px}.card-comparison,.card-feature,.card-pricing{padding:2rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);background:white;border:1px solid #e2e8f0}.card-cta{padding:2.5rem;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.05);background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:white}@media (prefers-color-scheme:dark){.card-base,.card-comparison,.card-feature,.card-pricing{background:#1a1a1a;border-color:#2d3748;color:#e2e8f0}.card-base:hover,.card-comparison:hover,.card-feature:hover,.card-pricing:hover{box-shadow:0 8px 25px rgba(0,0,0,.3)}}@media (max-width:768px){.card-base,.card-comparison,.card-feature,.card-pricing{padding:1rem;border-radius:8px}.card-large{padding:1.5rem;border-radius:12px}.card-cta{padding:2rem;border-radius:12px}}@media (max-width:480px){.card-base,.card-comparison,.card-feature,.card-pricing{padding:.75rem;border-radius:6px}.card-large{padding:1rem;border-radius:8px}.card-cta{padding:1.5rem;border-radius:8px}}