.location-card{color:inherit;aspect-ratio:1;border-radius:16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.location-card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.location-card:hover .location-gradient{transform:scale(1.05)}.location-card:hover .location-icon{transform:scale(1.1)}.location-card-inner{width:100%;height:100%;position:relative}.location-image{width:100%;height:100%;position:absolute;top:0;left:0}.location-image-placeholder{width:100%;height:100%;position:relative;overflow:hidden}.location-gradient{width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.location-card:first-child .location-gradient{background:linear-gradient(135deg,#7c3aed 0%,#a78bfa 100%)}.location-card:nth-child(2) .location-gradient{background:linear-gradient(135deg,#6366f1 0%,#a5b4fc 100%)}.location-card:nth-child(3) .location-gradient{background:linear-gradient(135deg,#8b5cf6 0%,#c4b5fd 100%)}.location-card:nth-child(4) .location-gradient{background:linear-gradient(135deg,#7c3aed 20%,#c4b5fd 100%)}.location-card:nth-child(5) .location-gradient{background:linear-gradient(135deg,#6366f1 20%,#a78bfa 100%)}.location-card:nth-child(6) .location-gradient{background:linear-gradient(135deg,#8b5cf6 20%,#a5b4fc 100%)}.location-card:nth-child(7) .location-gradient{background:linear-gradient(135deg,#7c3aed 30%,#a5b4fc 100%)}.location-card:nth-child(8) .location-gradient{background:linear-gradient(135deg,#6366f1 30%,#c4b5fd 100%)}.location-card:nth-child(9) .location-gradient{background:linear-gradient(135deg,#8b5cf6 30%,#c4b5fd 100%)}.location-card:nth-child(10) .location-gradient{background:linear-gradient(135deg,#7c3aed 40%,#a78bfa 100%)}.location-card:nth-child(11) .location-gradient{background:linear-gradient(135deg,#6366f1 40%,#c4b5fd 100%)}.location-card:nth-child(12) .location-gradient{background:linear-gradient(135deg,#8b5cf6 40%,#a5b4fc 100%)}.location-overlay{background:linear-gradient(#0000 0%,#00000080 100%);width:100%;height:100%;position:absolute;top:0;left:0}.location-icon{color:#ffffffe6;z-index:1;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.location-info{z-index:2;padding:1.25rem;position:absolute;bottom:0;left:0;right:0}.location-name{color:#fff;text-shadow:0 2px 8px #0006;margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.location-count{opacity:.95;color:#fff;text-shadow:0 1px 2px #0006;margin:0;font-size:.875rem}.location-gradient:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff05 10px 20px);width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.location-card{border-radius:12px}.location-name{font-size:1.1rem}.location-count{font-size:.813rem}.location-info{padding:1rem}.location-icon{width:40px;height:40px}.location-icon svg{width:28px;height:28px}}@media (max-width:576px){.location-name{font-size:1rem}.location-count{font-size:.75rem}.location-info{padding:.875rem}}.location-card.loading .location-count{background:#ffffff4d;border-radius:4px;width:80px;height:1rem;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}