*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;background-color:#fff;color:#213547;min-width:320px}#root{width:100%;margin:0;padding:0}body{margin:0;padding:0}.app{width:100%;margin:0;padding:0;text-align:center}.header{width:100%;padding:10px 20px;background-color:#fff}.header-content{margin:0 auto;display:flex;align-items:center;position:relative;padding:0 60px}.header-logo{height:45px;width:auto;position:absolute;left:20px}@media screen and (max-width: 950px){.header-logo{height:25px}}h1{color:#333;margin:0;font-size:2.5rem;flex:1;text-align:center}.locations-grid{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem;justify-content:center;margin-top:0;max-width:1400px;margin-left:auto;margin-right:auto}.location-card{width:calc(25% - 1.5rem);min-width:250px;max-width:300px;flex-shrink:0;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;border:1px solid #ddd;overflow:hidden;transition:transform .3s ease}.location-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003;border-color:#999}.location-card-image-link{display:block;text-decoration:none;cursor:pointer}.location-card-image-link:hover{opacity:.9}.location-card-image{height:200px;background-size:cover;background-position:center;position:relative;transition:all .3s ease}.location-name{position:absolute;bottom:0;left:0;right:0;margin:0;padding:1rem;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:25px}.location-card-footer{padding:1rem}.location-card-footer p{margin:0;color:#666;line-height:1.5}