.image-card-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;margin:20px 0}.image-card-item{position:relative;border-radius:16px;overflow:hidden;background-color:var(--bg-color,#000);aspect-ratio:2 / 2.2;box-shadow:0 10px 30px rgba(0,0,0,0.12);transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer}.image-card-item:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,0.18)}.image-card-item .link{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:2;text-indent:-9999px}.image-card-item img{position:absolute;inset:0;width:100%;object-fit:cover;z-index:0}.image-card-item .text-box::after{content:"";position:absolute;bottom:98%;width:100%;height:60%;left:0;background:linear-gradient(to top,var(--bg-color,#000) 10%,transparent);z-index:1}.image-card-item .text-box{position:absolute;bottom:0;left:0;right:0;padding:24px;z-index:2;color:#000;background-color:var(--bg-color,#000);min-height:50%}.image-card-item .title{font-size:1.25rem;font-weight:600;margin:0 0 6px;line-height:1.2}.image-card-item .subtitle{font-size:0.95rem;opacity:0.9;margin:0 0 16px}.image-card-item .btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;background:color-mix(in srgb,var(--bg-color) 96%,black);color:#000;font-size:0.9rem;font-weight:500;text-decoration:none;backdrop-filter:blur(6px);transition:background 0.25s ease,transform 0.25s ease}.image-card-item .btn:hover{background:color-mix(in srgb,var(--bg-color) 92%,black);transform:translateX(4px)}@media (max-width:640px){.image-card-item .title{font-size:1.1rem}.image-card-item .subtitle{font-size:0.9rem}}
.card-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:640px;margin-block:20px}.card-item{background:#ffffff;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,0.08);transition:transform 0.25s ease,box-shadow 0.25s ease}.card-item:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,0.12)}.card-item .info-card-btn{display:flex;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;color:#0b2a4a}.card-icon{width:44px;height:44px;border-radius:12px;background:#2f80ed;color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.card-item .title{font-size:1rem;font-weight:500;margin:0;line-height:1.2}@media (max-width:640px){.card-section{grid-template-columns:1fr}.card-item .info-card-btn{padding:16px 18px}.card-item .title{font-size:0.95rem}}