html,body,#root{height:100%;margin:0}*{box-sizing:border-box}body{color:#333;background-color:#e8f5e9;margin:0;font-family:Arial,Helvetica,sans-serif}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-container{flex:1}.navbar{color:#fff;z-index:1000;background:#1b4332;width:100%;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:14px 30px;display:flex}.brand{flex-direction:column;flex-shrink:0;align-items:flex-start;display:flex}.logo{white-space:nowrap;margin:0;padding:0;font-size:27px;line-height:1.2}.subtitle{color:#ddd;white-space:nowrap;margin:4px 0 0 48px;padding:0;font-size:14px;line-height:1}.nav-links{flex-shrink:0;justify-content:flex-end;align-items:center;gap:32px;margin:0;padding:0;display:flex}.nav-link{color:#fff;white-space:nowrap;font-size:18px;font-weight:500;text-decoration:none;transition:color .2s,transform .2s}.nav-link:hover{color:#90e0ef;transform:translateY(-1px)}.explore-container,.home-page{background-color:#e8f5e9;min-height:100vh;padding:30px 20px}.explore-container h1{text-align:center;color:#264653;margin:10px 0 5px}.explore-container>p{text-align:center;color:#555;margin:0 0 25px}.states{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:20px 0 30px;display:flex}.states select,.states input,.states button{border-radius:8px;padding:11px 16px;font-size:16px}.states select{color:#333;cursor:pointer;background:#fff;border:1px solid #aaa;outline:none;min-width:210px}.states input{color:#333;background:#fff;border:1px solid #aaa;outline:none;width:280px}.states select:focus,.states input:focus{border-color:#2d6a4f;box-shadow:0 0 0 2px #2d6a4f33}.explore-container h3{text-align:center;color:#264653;margin:15px 0 25px}.explore-container h2{text-align:center;color:#2d6a4f;margin:30px 0}.display-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;width:100%;max-width:1400px;margin:0 auto;display:grid}.display-card{background:#fff;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.display-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.display-card img{object-fit:cover;width:100%;height:220px;display:block}.card-content{flex-direction:column;flex:1;padding:15px;display:flex}.card-content h3{color:#264653;margin:5px 0 10px}.card-content p{color:#444;margin:5px 0;line-height:1.5}.card-button{flex-direction:column;gap:10px;margin-top:auto;padding-top:15px;display:flex}.card-button button{color:#fff;cursor:pointer;background-color:#2d6a4f;border:none;border-radius:8px;width:100%;padding:10px;font-size:15px;transition:background-color .2s}.card-button button:hover{background-color:#1b4332}.card-content a{color:#0b6efd;margin-top:10px;font-weight:700;text-decoration:none;display:inline-block}.card-content a:hover{color:#1b4332;text-decoration:underline}.hero{color:#fff;text-align:center;text-shadow:2px 2px 5px #000;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;height:500px;padding:50px;display:flex}.carousel{scroll-behavior:smooth;gap:20px;padding:20px 0;display:flex;overflow-x:auto}.carousel .display-card{flex-shrink:0;min-width:300px}.favorites-container{background-color:#e8f5e9;min-height:100vh;padding:30px 20px}.favorites-container .display-card{max-width:350px}.favorites-container .display-card img{object-fit:cover;height:160px}.footer{color:#fff;text-align:center;background:#1b4332;padding:10px}.footer p{margin:2px}.about-container{background-color:#a8c3a0;justify-content:center;align-items:center;min-height:100vh;padding:50px;display:flex}.about-card{background:#e8dff5;border-radius:20px;width:700px;max-width:90%;padding:35px;box-shadow:0 6px 18px #0003}.about-card h1{color:#2d6a4f;text-align:center;margin-bottom:20px}.about-card p{color:#333;margin-bottom:15px;line-height:1.7}.contactus-container{background-color:#a8c3a0;justify-content:center;align-items:flex-start;min-height:100vh;padding:100px 20px 50px;display:flex}.contactus-card{text-align:center;background:#e8dff5;border-radius:20px;width:500px;max-width:90%;padding:35px;box-shadow:0 6px 18px #0003}.contactus-card h2{color:#2d6a4f}.contactus-card p{line-height:1.6}.not-found{text-align:center;background-color:#e8f5e9;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.not-found h1{color:#264653;margin:0;font-size:80px}.not-found p{font-size:20px}.not-found a{color:#0b6efd;font-weight:700;text-decoration:none}.notfound-container{background-color:#a8c3a0;justify-content:center;align-items:flex-start;min-height:100vh;padding:100px 20px 50px;display:flex}.notfound-card{text-align:center;background:#e8dff5;border-radius:20px;width:500px;max-width:90%;padding:35px;box-shadow:0 6px 18px #0003}.notfound-card h2{color:#2d6a4f}.notfound-card p{line-height:1.6}button{font-family:inherit}.carousel::-webkit-scrollbar{height:8px}.carousel::-webkit-scrollbar-track{background:#d8eadb;border-radius:10px}.carousel::-webkit-scrollbar-thumb{background:#2d6a4f;border-radius:10px}.carousel::-webkit-scrollbar-thumb:hover{background:#1b4332}@media (width<=1100px){.navbar-container{padding:14px 20px}.logo{font-size:24px}.subtitle{margin-left:42px;font-size:13px}.nav-links{gap:20px}.nav-link{font-size:16px}.display-container{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (width<=768px){.navbar-container{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:15px 10px}.brand{align-items:center;width:100%}.logo{white-space:nowrap;font-size:24px}.subtitle{margin:4px 0 0;font-size:13px}.nav-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;width:100%;display:flex}.nav-link{padding:4px 0;font-size:16px}.explore-container,.home-page{padding:20px 15px}.explore-container h1{font-size:28px}.states{flex-direction:column;gap:10px;width:100%}.states select,.states input{width:100%;min-width:0;max-width:400px}.display-container{grid-template-columns:1fr;gap:20px}.display-card img{height:200px}.hero{height:400px;padding:30px 20px}.about-container{padding:30px 15px}.about-card{width:100%;max-width:600px;padding:25px}.contactus-container{padding:50px 15px}.contactus-card{width:100%;max-width:500px;padding:25px}.notfound-container{padding:50px 15px}.notfound-card{width:100%;max-width:500px;padding:25px}.not-found h1{font-size:60px}}@media (width<=480px){.navbar-container{gap:10px;padding:12px 8px}.logo{font-size:20px}.subtitle{font-size:12px}.nav-links{gap:6px 14px}.nav-link{font-size:14px}.explore-container h1{font-size:24px}.display-card img{height:180px}.hero{height:350px;padding:25px 15px}.about-card,.contactus-card,.notfound-card{padding:20px}}@media (width<=360px){.logo{font-size:18px}.subtitle{font-size:11px}.nav-links{gap:5px 10px}.nav-link{font-size:13px}.explore-container h1{font-size:22px}.states select,.states input{padding:10px 12px;font-size:14px}}