.gallery{color:#0f172a;background:#f8fafc;padding:60px 20px}.gallery-container{text-align:center;max-width:1200px;margin:0 auto}.gallery-title{color:#1e293b;margin-bottom:40px;font-size:max(28px,min(4vw,42px));font-weight:800}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.gallery-card{will-change:transform,box-shadow;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(#eaf3ff 0%,#eef2f7 100%) border-box;border:1px solid transparent;border-radius:18px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 14px 28px rgba(15,23,42,.1)}.gallery-card:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(120px 40px at 50% -20px,rgba(48,169,205,.25),transparent 70%);transition:opacity .35s;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.card-image{background:#f1f5f9;height:200px;position:relative;overflow:hidden}.card-image img{object-fit:cover;will-change:transform;border-bottom:1px solid #e5e7eb;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block;transform:scale(.98)}.card-body{text-align:left;padding:16px 20px 20px}.card-title{color:#111827;margin:0 0 12px;font-size:16px;font-weight:700}.card-body p{color:#475569;margin:4px 0;font-size:14px}.card-btn{color:#fff;background:#30a9cd;border-radius:8px;justify-content:center;align-items:center;margin-top:14px;padding:10px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .25s,background .25s;display:flex}.card-btn:hover{background:#29beeb;transform:translateY(-1px)scale(1.03)}.gallery-card:hover{transform:translateY(-10px)scale(1.01)rotateX(2deg);box-shadow:0 20px 40px rgba(15,23,42,.18)}.gallery-card:hover:after{opacity:1}.gallery-card:hover .card-image img{transform:scale(1.08)translateY(-2px)}@media (max-width:520px){.card-image{height:180px}}