*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;background-color:#f5f5f5;color:#333;min-height:100vh;display:flex;flex-direction:column}.App{flex:1;display:flex;flex-direction:column}.main-content{flex:1}.container{max-width:1600px;margin:0 auto;padding:20px}.loading{text-align:center;padding:40px;font-size:18px}.error{color:#e74c3c;text-align:center;padding:40px;font-size:18px}.navbar{background-color:#003580;padding:15px 0;color:#fff}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;padding:0 20px}.navbar-logo{color:#fff;text-decoration:none;font-size:24px;font-weight:700}.nav-menu{display:flex;list-style:none}.nav-item{margin-left:20px}.nav-link{color:#fff;text-decoration:none;font-size:16px}.nav-link:hover{text-decoration:underline}.hotel-list h1{margin-bottom:30px;text-align:center}.hotel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.hotel-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.hotel-card:hover{transform:translateY(-5px)}.hotel-image{width:100%;height:200px;object-fit:cover}.hotel-info{padding:20px}.hotel-info h3{margin-bottom:10px;color:#003580}.hotel-location,.hotel-rating,.hotel-price{margin-bottom:8px;font-size:14px}.hotel-amenities{display:flex;flex-wrap:wrap;margin:10px 0}.amenity-tag{background-color:#e6f2ff;color:#003580;padding:4px 8px;border-radius:4px;font-size:12px;margin-right:5px;margin-bottom:5px}.amenity-more{font-size:12px;color:#666;padding:4px 0}.view-details-btn{display:inline-block;background-color:#003580;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;margin-top:10px;font-size:14px}.hotel-detail{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.hotel-header{margin-bottom:20px}.hotel-header h1{color:#003580;margin-bottom:10px}.hotel-image-container{margin-bottom:30px}.hotel-detail-image{width:100%;max-height:400px;object-fit:cover;border-radius:8px}.hotel-description,.hotel-amenities,.hotel-rooms,.hotel-reviews{margin-bottom:30px}.hotel-description h2,.hotel-amenities h2,.hotel-rooms h2,.hotel-reviews h2{color:#003580;margin-bottom:15px}.amenities-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.amenity-item{background-color:#e6f2ff;color:#003580;padding:8px 12px;border-radius:4px;font-size:14px}.rooms-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.room-card{border:1px solid #ddd;border-radius:8px;overflow:hidden}.room-image{width:100%;height:180px;object-fit:cover}.room-info{padding:15px}.room-info h3{color:#003580;margin-bottom:10px}.room-capacity,.room-price{margin-bottom:10px;font-size:14px}.room-price{font-weight:700;color:#003580}.book-now-btn{display:inline-block;background-color:#003580;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-size:14px}.reviews-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.review-card{background-color:#f9f9f9;border-radius:8px;padding:15px}.review-header{display:flex;justify-content:space-between;margin-bottom:10px}.review-user{font-weight:700}.review-date{color:#666;font-size:14px}.review-rating{color:#003580;margin-bottom:10px}.booking-form-container{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.booking-form-container h1{color:#003580;margin-bottom:20px;text-align:center}.booking-summary{background-color:#f5f5f5;border-radius:8px;padding:20px;margin-bottom:30px}.booking-summary h2{color:#003580;margin-bottom:15px}.summary-item{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd}.summary-item:last-child{border-bottom:none}.booking-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.form-row{display:flex;gap:20px}.form-group.half{flex:1}.submit-btn,.pay-btn{background-color:#003580;color:#fff;border:none;padding:12px 20px;border-radius:4px;font-size:16px;cursor:pointer;width:100%;margin-top:20px}.payment-container{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.payment-container h1{color:#003580;margin-bottom:20px;text-align:center}.payment-summary{background-color:#f5f5f5;border-radius:8px;padding:20px;margin-bottom:30px}.payment-summary h2{color:#003580;margin-bottom:15px}.summary-item.total{font-weight:700;font-size:18px;color:#003580}.payment-form{max-width:600px;margin:0 auto}.footer{background-color:#003580;color:#fff;margin-top:50px;padding:40px 0 20px}.footer-container{max-width:1600px;margin:0 auto;padding:0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}.footer-section h3{color:#fff;margin-bottom:15px;font-size:20px}.footer-section h4{color:#fff;margin-bottom:15px;font-size:16px}.footer-section p{margin-bottom:10px;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid #0056b3;padding-top:20px;text-align:center}.footer-bottom p{color:#ccc;font-size:14px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}