:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333}.App{width:100%;min-height:100vh}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.home-content{text-align:center;padding:2rem}.home-content h2{font-size:2.5rem;color:#333;margin-bottom:1rem}.home-content>p{font-size:1.2rem;color:#666;margin-bottom:3rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-card{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:#333;margin-bottom:1rem}.feature-card p{color:#666;line-height:1.5}.book-now-button{background-color:#007bff;color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;border-radius:4px;cursor:pointer;margin:2rem 0;transition:background-color .2s}.book-now-button:hover{background-color:#0056b3}:root{--main-color: #BE6A45;--button-color: #000000;--text-color: #333333;--background-light: #f9f9f9;--section2-color: #85A8AE;--white: #ffffff;--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}.home{width:100%;overflow-x:hidden;font-family:var(--font-family)}h1,h2,h3,h4,h5,h6,p,a,button,span{font-family:var(--font-family)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;left:0;width:100%;background:transparent;z-index:25;transition:all .3s ease;height:100px}.navbar.scrolled{background:#fffffff2;box-shadow:0 2px 10px #0000001a;height:80px}.nav-content{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:100%}.logo{height:80px;display:flex;align-items:center}.logo img{height:100%;width:auto;object-fit:contain}.navbar.scrolled .logo img{filter:brightness(0)}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{color:var(--white);text-decoration:none;font-weight:500;transition:color .3s ease}.navbar.scrolled .nav-links a{color:var(--text-color)}.nav-links a:hover,.navbar.scrolled .nav-links a:hover{color:var(--main-color)}.navbar.scrolled .book-now-btn{background:var(--button-color);color:var(--white)}.hero{position:relative;height:80vh;min-height:600px;max-height:800px;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white)}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.video-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0006,#0009);z-index:1}.video-background video{width:100%;height:100%;object-fit:cover;position:relative;z-index:0}.hero-content{max-width:800px;padding:0 20px;margin-top:-50px;position:relative;z-index:2}.typing-text{font-size:3rem;margin-bottom:30px;line-height:1.4;white-space:normal;overflow:visible;text-align:center}.starlink-announcement{width:100%;background:var(--main-color);color:var(--white);padding:40px 0;text-align:center}.about-section{width:100%;padding:80px 0;background:var(--white)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about-image img{width:100%;height:auto;border-radius:0}.about-text h2{font-size:2.5rem;margin-bottom:20px}.about-text p{font-size:1.1rem;line-height:1.6;margin-bottom:30px}.rooms-section{padding:80px 0;background:var(--section2-color)}.rooms-section h2{text-align:center;color:var(--white);margin-bottom:40px;font-size:2.5rem}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}.room-card{background:var(--white);border-radius:0;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease;overflow:hidden;display:flex;flex-direction:column}.room-card:hover{transform:translateY(-5px)}.room-image{width:100%;height:250px;overflow:hidden;border-radius:0}.room-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:0}.room-content{padding:25px;display:flex;flex-direction:column;flex-grow:1;border-radius:0}.room-content h3{color:var(--main-color);margin-bottom:15px;font-size:1.5rem}.room-content p{color:var(--text-color);margin-bottom:20px;line-height:1.6}.room-content .book-now-btn{margin-top:auto;align-self:flex-start}.amenities-section{padding:80px 0;background:var(--white)}.amenities-section h2{text-align:center;color:var(--text-color);margin-bottom:40px;font-size:2.5rem}.amenities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.amenity-card:first-child{grid-column:span 2}.amenity-card{perspective:1000px;height:400px;position:relative;cursor:pointer}.card-inner{position:relative;width:100%;height:100%}.card-front,.card-back{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0;overflow:hidden;box-shadow:none;transition:opacity .5s ease}.card-front{background:var(--white);opacity:1;z-index:2}.card-back{background:var(--main-color);color:var(--white);padding:30px;display:flex;align-items:center;justify-content:center;opacity:0;z-index:1}.amenity-card:hover .card-front{opacity:0;pointer-events:none}.amenity-card:hover .card-back{opacity:1;pointer-events:auto}.card-front img{width:100%;height:100%;object-fit:cover}.card-front h3{position:absolute;bottom:0;left:0;right:0;padding:20px;margin:0;color:var(--white);font-size:1.5rem;text-align:center;background:linear-gradient(to top,#000c,#0009,#0000);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.card-back p{margin:0;line-height:1.6;font-size:1rem}.contact-section{width:100%;padding:80px 0;background:url(/images/Bgsec4.jpg) no-repeat center center;background-size:cover;position:relative}.contact-grid{display:grid;grid-template-columns:40% 60%;position:relative;align-items:stretch}.contact-info{padding:40px;background:var(--main-color);border-radius:0;box-shadow:0 4px 6px #0000001a}.contact-image{width:100%;height:100%;min-height:400px;border-radius:0;overflow:hidden;box-shadow:0 4px 6px #0000001a}.contact-image img{width:100%;height:100%;object-fit:cover}.contact-info h2{color:var(--white);margin-bottom:20px;font-size:2.5rem}.contact-info p{color:var(--white);margin-bottom:20px;line-height:1.6;font-size:1.1rem}.contact-details{margin:30px 0}.contact-details p{margin:10px 0;color:var(--white);font-size:1.1rem}.contact-info .book-now-btn{margin-top:20px;background:var(--white);color:var(--main-color)}.contact-info .book-now-btn:hover{background:var(--button-color);color:var(--white)}.book-now-btn{background:var(--button-color);color:var(--white);border:none;padding:12px 30px;border-radius:5px;font-size:1rem;cursor:pointer;transition:all .3s ease;width:200px;display:inline-block;text-align:center}.book-now-btn:hover{background:var(--main-color);transform:translateY(-2px)}.hero-book-now{background:var(--white);color:var(--button-color);border:2px solid var(--button-color);padding:15px 40px;border-radius:5px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;width:200px;display:inline-block;text-align:center}.hero-book-now:hover{background:var(--button-color);color:var(--white)}@media (max-width: 768px){.nav-links{display:none}.about-content,.contact-grid{grid-template-columns:1fr}.typing-text,.about-text h2{font-size:2rem}.hero{height:70vh;min-height:500px}.hero-content{margin-top:0}.rooms-grid{grid-template-columns:1fr}.room-image{height:200px}.book-now-btn,.hero-book-now{width:180px}.rooms-section h2{font-size:2rem}.navbar{height:100px}.navbar.scrolled{height:90px}.logo{height:70px}.amenities-grid{grid-template-columns:1fr}.amenity-card:first-child{grid-column:span 1}.amenity-card{height:350px}.amenities-section h2{font-size:2rem}.card-front h3{font-size:1.3rem;padding:15px}.contact-grid{grid-template-columns:1fr}.contact-info{padding:30px;margin:0 20px;border-radius:0}.contact-image{min-height:300px;margin:0 20px;border-radius:0}.contact-info h2{font-size:2rem}.contact-info p,.contact-details p{font-size:1rem}}@keyframes typing{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.typing-text{animation:typing 1s ease-out forwards;opacity:0}section{width:100%;overflow:hidden}.about-section,.rooms-section,.amenities-section,.contact-section{width:100%;padding:80px 0}:root{--main-color: #BE6A45;--button-color: #000000;--text-color: #333333;--background-light: #f9f9f9;--section2-color: #85A8AE;--white: #ffffff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;position:relative}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.modal-steps{display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 1rem}.step{flex:1;text-align:center;padding:.5rem;border-bottom:3px solid #ddd;color:#666}.step.active{border-bottom-color:#007bff;color:#007bff}.modal-body{padding:1rem 0}.view-toggle{display:flex;justify-content:flex-end;margin-bottom:1rem;gap:.5rem}.toggle-button{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s ease}.toggle-button.active{background:#007bff;color:#fff;border-color:#007bff}.rooms-container{padding:1rem}.rooms-display{display:grid;gap:1.5rem}.rooms-display.grid{grid-template-columns:repeat(3,1fr)}.rooms-display.list{grid-template-columns:1fr}.room-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:transform .3s ease;background:#fff}.room-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.room-card.grid{display:flex;flex-direction:column}.room-card.list{display:flex;flex-direction:row;align-items:center;padding:.5rem;gap:1rem;height:75px;box-sizing:border-box}.room-card.list .room-content{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0;flex:1;height:100%}.room-card.list .room-image{width:40px;height:40px;border-radius:4px;flex-shrink:0}.room-card.list .room-header{margin:0;flex:1}.room-card.list .room-header h3{margin:0;font-size:1rem;line-height:1.2}.room-card.list .room-price{margin:0;white-space:nowrap;font-size:1rem}.room-card.list .book-now-button{width:auto;margin:0;white-space:nowrap;padding:.5rem 1rem;height:36px}.room-card.list .room-details,.room-card.list .room-amenities,.room-card.list .details-button{display:none}.room-card h3{margin:0 0 .5rem;color:#333;font-size:1.25rem}.room-description{color:#666;margin:.5rem 0;line-height:1.4}.room-price{margin:1rem 0;font-size:1.2rem}.price{font-weight:700;color:#007bff}.per-night{color:#666;font-size:.9rem;margin-left:.5rem}.room-amenities{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.amenity-tag{background:#f0f0f0;padding:.25rem .5rem;border-radius:4px;font-size:.9rem;color:#666}.book-now-button{width:100%;padding:.75rem;background:var(--main-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:500}.book-now-button:hover{background:var(--main-color-dark, #0056b3);transform:translateY(-1px)}.book-now-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.availability-form{max-width:400px;margin:0 auto}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input[type=date]{width:100%;padding:1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;cursor:pointer;background-color:#fff;color:#333;transition:all .3s ease;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;color:transparent;background:transparent;cursor:pointer;padding:0;margin:0}.form-group input[type=date]:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000001a}.form-group input[type=date]:hover{border-color:#666}.check-button{width:100%;padding:.75rem;background:var(--main-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:500}.check-button:hover{background:var(--main-color-dark, #0056b3);transform:translateY(-1px)}.check-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.payment-container{max-width:900px;margin:0 auto;padding:20px}.payment-header{display:flex;align-items:center;margin-bottom:20px;position:relative}.payment-header h3{flex:1;text-align:center;margin:0}.payment-header .back-button{position:absolute;left:0;background:none;border:none;color:#666;cursor:pointer;padding:8px 12px;font-size:14px;display:flex;align-items:center;transition:color .3s ease}.payment-header .back-button:hover{color:#333}.payment-summary{background:#f8f9fa;padding:20px;border-radius:8px;margin-top:20px}.booking-details{margin-bottom:1.5rem}.booking-details h4{margin-bottom:1rem;color:#333}.booking-details p{margin:.5rem 0;color:#666}.amount{font-size:1.2rem;font-weight:700;color:#007bff}.pay-button{grid-column:1 / -1;width:100%;padding:1rem;background:var(--main-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;transition:all .3s ease;margin-top:1rem;font-weight:500}.pay-button:hover{background:var(--main-color-dark, #0056b3);transform:translateY(-1px)}.error-message{color:#dc3545;margin-top:1rem;text-align:center}.loading-message{text-align:center;color:#666;padding:2rem}.no-rooms-message{text-align:center;color:#666;padding:2rem;background:#f8f9fa;border-radius:8px}.modal-footer{margin-top:2rem;text-align:center}.back-button{padding:.5rem 1rem;background:#f8f9fa;color:var(--main-color);border:1px solid var(--main-color);border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:500}.back-button:hover{background:var(--main-color);color:#fff}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.details-button{padding:.5rem 1rem;background:#f8f9fa;border:1px solid var(--main-color);color:var(--main-color);border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.details-button:hover{background:var(--main-color);color:#fff}.details-button:disabled{background:#e9ecef;border-color:#ced4da;color:#6c757d;cursor:not-allowed;opacity:.7}.room-details{background:#f8f9fa;border-radius:8px;padding:1rem;margin:1rem 0}.details-section{margin-bottom:1rem}.details-section:last-child{margin-bottom:0}.details-section h4{color:#333;margin-bottom:.5rem;font-size:1rem}.details-section p{color:#666;margin:.25rem 0;font-size:.9rem}.equipment-list{display:flex;flex-wrap:wrap;gap:.5rem}.equipment-tag{background:#e9ecef;padding:.25rem .5rem;border-radius:4px;font-size:.9rem;color:#495057}#paystack-container{margin:1rem 0;min-height:100px;border:1px solid #ddd;border-radius:8px;padding:1rem;background:#fff}#paystack-container iframe{width:100%!important;min-height:400px!important;border:none!important}.room-image{width:100%;height:200px;overflow:hidden;border-radius:8px 8px 0 0}.room-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.room-card:hover .room-image img{transform:scale(1.05)}.room-card.list .room-image{width:300px;height:100%;border-radius:8px 0 0 8px}@media (max-width: 1200px){.rooms-display.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.rooms-display.grid{grid-template-columns:1fr}}.payment-form{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.payment-form .form-group{margin-bottom:0}.payment-form .form-group.full-width{grid-column:1 / -1}.payment-form label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.payment-form input,.payment-form select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.payment-method-selector{grid-column:1 / -1;display:flex;gap:1rem;margin-top:.5rem}.payment-method-btn{flex:1;padding:1rem;border:2px solid #ddd;border-radius:8px;background:#f5f5f5;color:#666;cursor:pointer;font-size:1rem;transition:all .3s ease;font-weight:500}.payment-method-btn.active{border-color:#000;background:#000;color:#fff}.payment-method-btn:hover:not(.active){border-color:#666;background:#f0f0f0;color:#333}.payment-status{margin-top:1rem;padding:1rem;border-radius:4px;text-align:center;font-weight:500}.payment-status.processing{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.payment-status.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.payment-status.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.booking-summary{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.booking-summary h4{margin-bottom:1rem;color:#333}.booking-summary p{margin:.5rem 0;color:#666}.amount-container{margin-top:1rem;padding-top:1rem;border-top:1px solid #ddd}.amount-container .amount{color:var(--main-color);font-weight:700;font-size:1.1rem}@media (max-width: 768px){.payment-form{grid-template-columns:1fr}.payment-form .form-group.full-width,.payment-method-selector,.pay-button{grid-column:1}}.verify-payment-section{margin-top:1.5rem;text-align:center}.verify-button{background-color:var(--main-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease;width:100%;max-width:200px}.verify-button:hover:not(:disabled){background-color:#a55a3d}.verify-button:disabled{opacity:.7;cursor:not-allowed}.footer{background-color:#000;color:#fff;padding:4rem 0 2rem}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-section{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-column{min-height:200px}.footer-logo{margin-bottom:1.5rem}.footer-logo img{height:60px;width:auto}.footer-description{color:#fff;margin-bottom:1.5rem;line-height:1.6;font-size:1rem}.footer-book-now{background-color:var(--main-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;margin-bottom:1.5rem;transition:background-color .3s ease}.footer-book-now:hover{background-color:#a55a3a}.social-icons{display:flex;gap:1rem}.social-icons a{color:#fff;font-size:1.5rem;transition:color .3s ease}.social-icons a:hover{color:var(--main-color)}.footer-separator{height:2px;background-color:var(--main-color);margin:2rem 0}.footer-copyright{text-align:center;padding:1rem 0;color:#fff;font-size:.9rem}@media (max-width: 768px){.footer-section{grid-template-columns:1fr;gap:2rem}.footer-column{min-height:auto}}.payment-callback{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-light)}.status-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center;max-width:400px;width:90%}.status-icon{margin-bottom:1.5rem}.spinner{width:50px;height:50px;border:4px solid var(--background-light);border-top:4px solid var(--main-color);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.success-icon{display:inline-block;width:50px;height:50px;line-height:50px;font-size:30px;color:#4caf50;background-color:#e8f5e9;border-radius:50%}.error-icon{display:inline-block;width:50px;height:50px;line-height:50px;font-size:30px;color:#f44336;background-color:#ffebee;border-radius:50%}.status-container h2{color:var(--text-color);margin-bottom:1.5rem;font-size:1.2rem}.retry-button{background-color:var(--main-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.retry-button:hover{background-color:#a55a3d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.booking-confirmation{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-light);padding:2rem}.confirmation-content{background:#fff;padding:3rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center;max-width:500px;width:100%}.success-icon{display:inline-block;width:80px;height:80px;line-height:80px;font-size:40px;color:#4caf50;background-color:#e8f5e9;border-radius:50%;margin-bottom:2rem}.booking-confirmation h2{color:var(--text-color);margin-bottom:1.5rem;font-size:2rem}.booking-details{background-color:#f8f9fa;padding:1.5rem;border-radius:4px;margin:1.5rem 0}.booking-details p{margin:.5rem 0;color:var(--text-color)}.confirmation-message{color:#666;margin:1.5rem 0;line-height:1.6}.booking-confirmation button{background-color:var(--main-color);color:#fff;border:none;padding:1rem 2rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.booking-confirmation button:hover{background-color:#a55a3d}.booking-confirmation.error{text-align:center}.booking-confirmation.error h2{color:#f44336}.booking-confirmation.error p{color:#666;margin:1rem 0}