.home-container{min-height:100vh}.hero{text-align:center;color:#fff;background:linear-gradient(#00000080,#00000080),url(/hero-bg.jpg) 50%/cover;justify-content:center;align-items:center;height:80vh;display:flex}.hero-content h1{margin-bottom:1rem;font-size:3.5rem}.text-gradient{background:var(--grad-sunset);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.search-bar{width:90%;max-width:800px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:8px;display:flex}.search-bar input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;padding:1rem}.search-bar input::placeholder{color:#004a7c80}.vertical-divider{background:var(--glass-border);width:1px;margin:10px 0}.btn-primary{background:var(--grad-ocean);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:0 2rem;font-weight:600}.featured-cities{max-width:1200px;margin:0 auto;padding:4rem 2rem}.city-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.city-card{border-radius:var(--radius-lg);text-align:center;border:1px solid #004a7c26;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:2.5rem 2rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.city-card:hover{filter:brightness(.95);border-color:var(--primary);transform:translateY(-12px);box-shadow:0 20px 30px #004a7c1f}.city-card-content{flex-direction:column;gap:1rem;display:flex}.city-card h3{color:var(--primary);letter-spacing:-.5px;margin:0;font-size:1.8rem;font-weight:800;line-height:1.2}.view-more{color:var(--accent);text-transform:uppercase;letter-spacing:1px;opacity:0;font-size:.9rem;font-weight:600;transition:all .3s;transform:translateY(10px)}.city-card:hover .view-more{opacity:1;transform:translateY(0)}@media (max-width:768px){.city-card{min-height:150px;padding:1.5rem}.city-card h3{font-size:1.5rem}}