:root { --primary: #0066ff; --secondary: #00c2ff; --dark: #1a1a1a; --light: #f5f7fa; --white: #ffffff; --gray: #888888; --transition: all 0.3s ease; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: sans-serif; background-color: var(--light); color: var(--dark); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.hero { padding: 4rem 0; text-align: center; }
.search-container { display: flex; max-width: 600px; margin: 0 auto; background: var(--white); border-radius: 50px; }
.tour-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; }
.tour-card { background: var(--white); border-radius: 20px; }
footer { padding: 2rem 0; text-align: center; }
.animate-fade-in { animation: fadeIn 0.8s ease-out forwards; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }