.city-selector{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;position:relative}.city-selector-title{text-align:center;color:var(--color-text-primary);z-index:1;letter-spacing:-.02em;margin-bottom:3rem;font-family:Playfair Display,serif;font-size:3rem;font-weight:700;position:relative}.detect-location-btn{width:auto;min-width:200px;color:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.05em;background:#fff;border:1px solid #e6394633;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;margin:0 auto 3rem;padding:1rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.detect-location-btn:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-glow);background:#fff;transform:translateY(-2px)}.detect-location-btn .spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.detected-city-card{color:#065f46;background:#ecfdf5;border:1px solid #10b981;border-radius:9999px;align-items:center;gap:1rem;max-width:500px;margin:0 auto 3rem;padding:1.25rem 2rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.detected-city-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.detected-city-card svg:first-child{color:#059669;font-size:1.25rem}.detected-city-card span{flex:1}.city-grid{grid-template-columns:1fr;grid-auto-rows:250px;gap:1.5rem;display:grid}.city-tile{box-shadow:var(--shadow-md);isolation:isolate;background-position:50%;background-size:cover;border-radius:1.5rem;align-items:flex-end;text-decoration:none;transition:all .5s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.city-tile:before{content:"";z-index:1;background:linear-gradient(#0a192f00 0%,#0a192f4d 50%,#0a192fe6 100%);transition:background .3s;position:absolute;inset:0}.city-tile:hover{box-shadow:var(--shadow-xl);z-index:2;transform:translateY(-8px)scale(1.01)}.city-tile:hover:before{background:linear-gradient(#0a192f00 0%,#0a192f80 50%,#0a192f 100%)}.city-info-overlay{z-index:2;flex-direction:column;gap:.25rem;width:100%;padding:2rem;transition:transform .4s;display:flex;position:relative;transform:translateY(0)}.city-tile:hover .city-info-overlay{transform:translateY(-5px)}.city-name{color:#fff;letter-spacing:-.02em;text-shadow:0 4px 10px #00000080;font-family:Playfair Display,serif;font-size:2rem;font-weight:700;line-height:1}.city-name-bn{color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-family:Inter,sans-serif;font-size:1rem;font-weight:500}.popular-badge{z-index:2;color:var(--color-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:.1em;background:#fffffff2;border-radius:9999px;padding:.5rem 1rem;font-size:.75rem;font-weight:800;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 4px 15px #0000001a}.show-more-btn{border:1px solid var(--color-border-dark);width:auto;color:var(--color-text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:9999px;margin:4rem auto 0;padding:1rem 3rem;font-size:.95rem;font-weight:600;transition:all .3s;display:block}.show-more-btn:hover{background:var(--color-text-primary);color:#fff;border-color:var(--color-text-primary)}@media (min-width:640px){.city-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1024px){.city-grid{grid-template-rows:repeat(2,300px);grid-template-columns:repeat(4,1fr);gap:2rem}.city-tile{height:100%}.city-tile:first-child{grid-area:span 2/span 2}.city-tile:nth-child(2){grid-row:span 2}.city-tile:first-child .city-name{font-size:3.5rem}.city-tile:nth-child(2) .city-name{font-size:2.5rem}}
/*# sourceMappingURL=96ee741efb6c5b25.css.map*/