:root{--color-primary: #00B4D8;--color-secondary: #CD853F;--color-accent: #6A0572;--color-genie-blue: #0D1B2A;--color-night-sky: #1B263B;--color-stars: #E0E1DD;--color-text: #E0E1DD;--color-background: #0D1B2A;--font-family: "Outfit", sans-serif;--font-title: "Great Vibes", cursive}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);overflow-x:hidden}h1,h2,h3{font-family:var(--font-title);color:var(--color-accent)}.container{max-width:100%;padding:0;margin:0 auto}section{padding:2rem 1rem;border-bottom:2px solid var(--color-secondary)}.btn{display:inline-block;background-color:var(--color-secondary);color:#fff;padding:12px 24px;border-radius:50px;text-decoration:none;font-weight:700;box-shadow:0 4px 6px #0000001a;transition:transform .2s}.btn:active{transform:scale(.98)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--color-genie-blue) 0%,var(--color-night-sky) 50%,var(--color-primary) 100%);text-align:center;position:relative;overflow:hidden;color:#fff}.cloud{position:absolute;font-size:3rem;opacity:.25;animation:cloudDrift 20s linear infinite;pointer-events:none}.cloud-1{top:15%;left:-10%;animation-delay:0s}.cloud-2{top:30%;left:-15%;animation-delay:7s;font-size:4rem}.cloud-3{top:60%;left:-5%;animation-delay:14s;font-size:2.5rem}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(120vw)}}.magic-carpet-bg{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}.carpet-silhouette{position:absolute;font-size:5rem;bottom:15%;animation:carpetFly 15s linear infinite;filter:drop-shadow(0 0 20px rgba(0,180,216,.5));opacity:.6}@keyframes carpetFly{0%{left:-15%;transform:translateY(0) rotate(-3deg)}25%{transform:translateY(-30px) rotate(2deg)}50%{transform:translateY(0) rotate(-2deg)}75%{transform:translateY(-20px) rotate(3deg)}to{left:110%;transform:translateY(0) rotate(-3deg)}}.hero h1{font-size:3.5rem;margin-bottom:.5rem;color:var(--color-primary);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero h2{font-size:4.5rem;color:#fff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media(min-width:768px){.hero h1{font-size:5rem}.hero h2{font-size:6rem}.subtitle{font-size:2rem}.details{font-size:1.5rem}}.subtitle{font-size:1.5rem;color:var(--color-primary);font-weight:700;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.details{font-size:1.2rem;margin-bottom:2rem;line-height:1.6;color:#fff}.map-section{text-align:center;position:relative;background:linear-gradient(180deg,var(--color-night-sky) 0%,var(--color-genie-blue) 100%);padding:3rem 1rem}.map-section h3{color:var(--color-primary);text-shadow:0 0 10px rgba(0,180,216,.5)}.genie-container{position:absolute;top:10%;right:5%;z-index:10}.animated-genie{font-size:4rem;display:inline-block;animation:genieFloat 3s ease-in-out infinite,genieWave 1.5s ease-in-out infinite alternate;cursor:pointer;filter:drop-shadow(0 0 10px rgba(0,180,216,.5))}@keyframes genieFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes genieWave{0%{transform:scale(1)}to{transform:scale(1.1)}}.lamp-left{left:5%;bottom:20%}.lamp-right{right:5%;bottom:20%}.map-container{margin:2rem auto;max-width:600px;box-shadow:0 10px 30px #00b4d833;border-radius:15px;overflow:hidden;border:2px solid rgba(0,180,216,.3)}.address{margin-bottom:1.5rem;font-weight:700;color:var(--color-stars)}.gallery-slider{display:flex;overflow-x:auto;gap:1rem;padding:1rem;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery-slider::-webkit-scrollbar{display:none}.slider-item{flex:0 0 80%;scroll-snap-align:center;border-radius:15px;overflow:hidden;box-shadow:0 8px 16px #0003;border:3px solid var(--color-secondary);position:relative;aspect-ratio:9/16}@media(min-width:768px){.slider-item{flex:0 0 300px}}.slider-item img,.slider-item video{width:100%;height:100%;object-fit:cover}.guestbook-section{background:linear-gradient(180deg,var(--color-night-sky) 0%,var(--color-genie-blue) 100%);padding:4rem 1rem;position:relative;overflow:hidden}.guestbook-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,var(--color-stars),transparent),radial-gradient(2px 2px at 40px 70px,var(--color-stars),transparent),radial-gradient(1px 1px at 90px 40px,var(--color-stars),transparent),radial-gradient(2px 2px at 160px 120px,var(--color-stars),transparent),radial-gradient(1px 1px at 230px 80px,var(--color-stars),transparent),radial-gradient(2px 2px at 300px 150px,var(--color-stars),transparent),radial-gradient(1px 1px at 50px 180px,var(--color-stars),transparent),radial-gradient(2px 2px at 120px 250px,var(--color-stars),transparent),radial-gradient(1px 1px at 200px 220px,var(--color-stars),transparent),radial-gradient(2px 2px at 280px 300px,var(--color-stars),transparent),radial-gradient(1px 1px at 350px 50px,var(--color-stars),transparent),radial-gradient(2px 2px at 380px 200px,var(--color-stars),transparent);background-repeat:repeat;background-size:400px 400px;animation:twinkle 3s ease-in-out infinite alternate;pointer-events:none;opacity:.6}@keyframes twinkle{0%{opacity:.4}to{opacity:.8}}.guestbook-section:after{content:"☁️";position:absolute;top:10%;right:5%;font-size:4rem;opacity:.3;animation:cloudFloat 8s ease-in-out infinite;pointer-events:none}@keyframes cloudFloat{0%,to{transform:translate(0)}50%{transform:translate(-30px)}}.guestbook-section h3{color:var(--color-primary);text-shadow:0 0 10px rgba(0,180,216,.5);position:relative;z-index:1}.guestbook-form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:2rem auto 0;padding:2rem;background:#1b263be6;border-radius:20px;box-shadow:0 8px 32px #00b4d833;border:1px solid rgba(0,180,216,.3);position:relative;z-index:1}.guestbook-form h4{margin-bottom:1rem;color:var(--color-primary)}.input-field{padding:12px;border:1px solid rgba(0,180,216,.3);border-radius:8px;font-family:inherit;font-size:1rem;background:#0d1b2acc;color:var(--color-stars)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00b4d833}.messages-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:900px;margin:0 auto;padding:2rem 1rem;min-height:200px;position:relative;z-index:1}.magic-carpet-message{position:relative;max-width:320px;animation:float 4s ease-in-out infinite}.magic-carpet-message:nth-child(2n){animation-duration:5s;animation-delay:.5s}.carpet-top,.carpet-bottom{height:15px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-secondary) 25%,var(--color-accent) 50%,var(--color-secondary) 75%,var(--color-accent) 100%);border-radius:5px 5px 0 0}.carpet-bottom{border-radius:0 0 5px 5px;position:relative}.carpet-bottom:after{content:"";position:absolute;bottom:-8px;left:10%;right:10%;height:8px;background:repeating-linear-gradient(90deg,var(--color-secondary) 0px,var(--color-secondary) 8px,transparent 8px,transparent 12px)}.message-content{background:linear-gradient(135deg,#6a0572e6,#1b263bf2);padding:1.5rem;border-left:3px solid var(--color-secondary);border-right:3px solid var(--color-secondary)}.bubble-text{font-style:italic;color:var(--color-stars);margin-bottom:.5rem;font-size:1rem;line-height:1.5}.bubble-author{font-weight:700;color:var(--color-primary);display:block;text-align:right;font-size:.9rem;margin-top:.5rem}.empty-state,.loading-state{width:100%;text-align:center;color:var(--color-stars);font-style:italic;margin-top:2rem;opacity:.7}.lamp-decoration{position:absolute;font-size:2rem;animation:lampGlow 2s ease-in-out infinite alternate}@keyframes lampGlow{0%{filter:brightness(1) drop-shadow(0 0 5px rgba(205,133,63,.5))}to{filter:brightness(1.3) drop-shadow(0 0 15px rgba(205,133,63,.8))}}