@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Montserrat:wght@100..900&display=swap";:root{--color-primary: #aa151b;--color-secondary: #f1bf00;--color-accent: #8b0000;--color-text: #2c3e50;--color-text-light: #ecf0f1;--color-bg: #fffcf9;--color-overlay: rgba(0, 0, 0, .4);--font-heading: "Playfair Display", serif;--font-body: "Montserrat", sans-serif;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--shadow: 0 4px 20px rgba(0, 0, 0, .1);--border-radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:var(--spacing-sm)}section{width:100%;min-height:50vh;display:flex;flex-direction:column;justify-content:center;position:relative}.container{max-width:1200px;width:100%;margin:0 auto;padding:var(--spacing-lg) 5%}.hotel-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);align-items:start}.hotel-image-container{width:100%}.hotel-image-container img{width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow)}.hero{height:100vh;width:100%;background:linear-gradient(var(--color-overlay),var(--color-overlay)),url(/assets/hero-bg.jpg);background-size:cover;background-position:center;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero h1{font-size:4rem;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 10px rgba(0,0,0,.3)}.hero .container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:var(--spacing-md);transition:transform .3s ease;overflow:hidden;display:flex;flex-direction:column;padding:var(--spacing-md);text-align:center}.card:hover{transform:translateY(-5px)}.card-content{padding:var(--spacing-sm)}.card img{width:100%;height:200px;object-fit:cover}.carousel-container{overflow-x:auto;display:flex;gap:var(--spacing-md);padding:20px 0;scrollbar-width:none;-ms-overflow-style:none}.carousel-container::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 300px}.btn{display:inline-block;padding:.8rem 2rem;background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:30px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn:hover{background-color:var(--color-secondary);box-shadow:0 4px 15px #d354004d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.icon{font-size:2rem;margin-bottom:1rem;color:var(--color-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate{animation:fadeIn 1s ease forwards}.password-gate{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;z-index:9999;color:#fff;padding:20px}.password-gate-card{background:#fff;color:var(--color-text);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:0 10px 30px #0003;text-align:center;max-width:400px;width:100%}.password-gate-card h2{font-size:1.5rem;margin-bottom:var(--spacing-md)}.password-gate-card input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:var(--spacing-sm);outline:none;font-family:var(--font-body)}.password-gate-card input:focus{border-color:var(--color-primary)}.error-message{color:var(--color-primary);font-size:.9rem;margin-bottom:var(--spacing-sm)}@media(max-width:768px){.hero h1{font-size:3rem}.container{padding:var(--spacing-md) 5%}.clue-grid{grid-template-columns:1fr!important}}.clue-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);width:100%}.clue-image-wrapper{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;margin-top:.5rem;display:flex;justify-content:center;align-items:center}.clue-image{width:100%;height:auto!important;max-height:none!important;display:block;transition:transform .3s ease}.clue-image:hover{transform:scale(1.02)}.nav-arrow{position:absolute;top:20px;background:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);text-decoration:none;font-size:1.5rem;color:var(--color-primary);transition:all .3s ease;z-index:10}.nav-arrow:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.nav-arrow.left{left:20px}.nav-arrow.right{right:20px}.bottom-nav{margin-top:3rem;text-align:center}.link-btn{color:var(--color-primary);text-decoration:underline;font-weight:600;cursor:pointer;transition:color .3s ease}.link-btn:hover{color:var(--color-secondary)}.password-gate-footer{margin-top:2rem}.clue-carousel-container{position:relative;width:100%;max-width:800px;margin:0 auto}.clue-carousel{width:100%;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.clue-carousel-image{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .3s ease-in-out}.clue-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffc;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000001a;color:var(--color-primary);font-size:1.2rem;transition:all .2s ease;z-index:5}.clue-carousel-btn:hover{background:var(--color-primary);color:#fff}.clue-carousel-btn.prev{left:-20px}.clue-carousel-btn.next{right:-20px}.clue-carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:1.5rem}.clue-carousel-dot{width:10px;height:10px;border-radius:50%;background:#ccc;border:none;cursor:pointer;padding:0;transition:all .3s ease}.clue-carousel-dot.active{background:var(--color-primary);transform:scale(1.2)}@media(max-width:768px){.clue-carousel-btn.prev{left:10px}.clue-carousel-btn.next{right:10px}}