.subpage-index-container{width:100%;max-width:80rem;margin:0 auto;padding:40px 0}.subpage-index-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.subpage-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;flex-direction:column;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.subpage-card:hover{border-color:#3b82f6;transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.subpage-card:hover .card-image{transform:scale(1.1)}.subpage-card:hover .cta-icon{transform:translate(4px)}.card-image-wrapper{background:#f8fafc;height:200px;position:relative;overflow:hidden}.card-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s}.card-placeholder{color:#3b82f6;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card-overlay{background:linear-gradient(#0000 0%,#0f172a0d 100%);position:absolute;inset:0}.card-content{flex-direction:column;flex:1;gap:8px;padding:24px;display:flex}.card-label{text-transform:uppercase;letter-spacing:.1em;color:#3b82f6;font-size:10px;font-weight:900}.card-title{color:#1e293b;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-style:italic;font-weight:800}.card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.card-cta{color:#64748b;font-size:.875rem;font-weight:700}.cta-icon{color:#3b82f6;transition:transform .3s}@media (max-width:640px){.subpage-index-grid{grid-template-columns:1fr;padding:0 16px}}