:root{--color-bg: #000000;--color-surface: #0a0a0a;--color-text: #f0f0f0;--color-muted: rgba(255, 255, 255, .55);--neon-pink: #ff2d7b;--neon-blue: #00c8ff;--neon-green: #39ff14;--neon-purple: #b24dff;--amber-gold: #ffb000;--font-heading: "Cormorant", serif;--font-body: "Montserrat", sans-serif;--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--radius: 16px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-pink),var(--neon-blue));border-radius:3px}#main-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 5%;background:transparent;transition:background .4s ease,backdrop-filter .4s ease}.logo-img{height:42px}nav#nav-links{display:flex;align-items:center;gap:32px}nav#nav-links a{color:var(--color-muted);text-decoration:none;font-size:.85rem;text-transform:uppercase;letter-spacing:2px;transition:color var(--transition)}nav a:hover{color:var(--neon-pink)}.btn-primary{background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple));color:#fff;border:none;padding:12px 32px;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;letter-spacing:1px;transition:all var(--transition);text-transform:uppercase}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff2d7b80}.story-chapter{position:relative}#story-hero{height:400vh;position:relative}.story-sticky{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;mix-blend-mode:screen}.story-visual{position:relative;width:100%;height:100%}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:none}.hero-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.3) saturate(1.4)}.hero-glass{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:40%;max-width:500px;z-index:4;transition:transform .4s ease,opacity .4s ease}.hero-glass img{width:100%;height:auto;filter:drop-shadow(0 0 40px rgba(255,45,123,.2)) drop-shadow(0 0 80px rgba(0,200,255,.1));animation:glassFloat 4s ease-in-out infinite}@keyframes glassFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.story-beat{position:absolute;top:50%;left:8%;transform:translateY(-50%);z-index:5;opacity:0;transition:opacity .6s ease,transform .6s ease;pointer-events:none;max-width:600px}.story-beat.active{opacity:1;transform:translateY(-50%)}.story-beat h1,.story-beat h2{font-family:var(--font-heading);text-transform:uppercase;color:#fff;letter-spacing:-2px}.story-beat h1{font-size:7rem;line-height:.95}.story-beat .highlight{background:linear-gradient(135deg,var(--neon-pink),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,45,123,.4))}.beat-title{font-size:4rem;line-height:1.1}.beat-desc,.hero-tagline{margin-top:18px;color:var(--color-muted);letter-spacing:3px;font-weight:300;text-transform:uppercase;font-size:1.1rem}.hero-tagline{font-size:1.5rem}.story-spacer{height:100vh;pointer-events:none}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:5;text-align:center;pointer-events:none}.scroll-indicator span{font-size:.75rem;text-transform:uppercase;letter-spacing:3px;color:var(--color-muted)}.scroll-arrow{width:2px;height:30px;background:linear-gradient(180deg,var(--neon-pink),transparent);margin:10px auto 0;animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1.2)}}.feature-chapter{position:relative;min-height:200vh}.feature-sticky{position:sticky;top:0;height:100vh;width:50%;display:flex;align-items:center;justify-content:center;z-index:1}.feature-image{width:85%;max-width:600px;border-radius:20px;overflow:hidden;box-shadow:0 20px 80px #0009,0 0 40px #ff2d7b14}.feature-image img{width:100%;height:auto;display:block;transition:transform .6s ease}.feature-chapter:hover .feature-image img{transform:scale(1.03)}.feature-text-track{position:absolute;top:0;right:0;width:50%;z-index:2}.feature-text-panel{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 8%;opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s ease}.feature-text-panel.in-view{opacity:1;transform:translateY(0)}.chapter-label{font-family:var(--font-body);font-size:.75rem;text-transform:uppercase;letter-spacing:4px;color:var(--neon-pink);margin-bottom:16px;font-weight:600}.feature-text-panel h2{font-family:var(--font-heading);font-size:3.5rem;line-height:1.1;color:#fff;margin-bottom:20px}.feature-text-panel p{font-size:1.1rem;line-height:1.8;color:var(--color-muted);max-width:480px}.interlude-section{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:transparent;position:relative}.interlude-content{max-width:800px;padding:0 5%}.interlude-text{font-family:var(--font-heading);font-size:4.5rem;line-height:1.15;color:#fff;background:linear-gradient(135deg,var(--neon-pink),var(--neon-blue),var(--neon-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px}.interlude-sub{font-size:1.1rem;color:var(--color-muted);line-height:1.8;letter-spacing:1px}section:not(.story-chapter):not(.feature-chapter):not(.interlude-section){padding:140px 5%;position:relative;background:var(--color-bg)}section h2{font-family:var(--font-heading);font-size:3.5rem;text-align:center;margin-bottom:12px;background:linear-gradient(135deg,var(--neon-pink),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;color:var(--color-muted);font-size:1.1rem;letter-spacing:2px;margin-bottom:60px;font-style:italic;font-family:var(--font-heading)}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.glass-card{background:#0f0f1466;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 20px #ffffff05,0 8px 32px #0006;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:48px 36px;border-radius:var(--radius);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,border-color .4s ease;position:relative;overflow:hidden;cursor:pointer;transform-style:preserve-3d;will-change:transform}.glass-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(255,45,123,.15),transparent 40%),radial-gradient(circle at bottom right,rgba(0,200,255,.15),transparent 40%);opacity:0;transition:opacity .4s ease}.glass-card:hover:before{opacity:1}.glass-card:hover{border-color:#fff3;box-shadow:inset 0 0 20px #ffffff0d,0 20px 60px #0009,0 0 40px #ff2d7b26}.glass-card h3{font-family:var(--font-heading);font-size:1.8rem;margin:16px 0 10px}.glass-card p{color:var(--color-muted);font-size:.95rem;line-height:1.6}.card-icon{font-size:2.5rem;color:var(--neon-green)}.card-icon svg{stroke:var(--neon-green)}.price{display:inline-block;margin-top:16px;color:var(--neon-green);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.gallery-masonry{columns:3;column-gap:16px;max-width:1200px;margin:0 auto}.gallery-item{break-inside:avoid;margin-bottom:16px;border-radius:12px;overflow:hidden;position:relative}.gallery-item img{width:100%;display:block;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.05)}#booking-form{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:20px}#booking-form input,#booking-form select{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text);padding:16px 20px;border-radius:12px;font-size:1rem;font-family:var(--font-body);outline:none;transition:border-color var(--transition)}#booking-form input:focus,#booking-form select:focus{border-color:var(--neon-pink)}#booking-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkbox-group{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;color:var(--color-muted)}footer{background:var(--color-surface);padding:80px 5% 40px;position:relative;z-index:10}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;max-width:1200px;margin:0 auto}.footer-logo{height:50px;margin-bottom:16px}.footer-desc{color:var(--color-muted);font-size:.9rem}footer h4{font-family:var(--font-heading);font-size:1.3rem;margin-bottom:16px;color:var(--neon-pink)}footer p{color:var(--color-muted);font-size:.9rem;line-height:1.7}.socials{display:flex;flex-direction:column;gap:8px}.socials a{color:var(--color-muted);text-decoration:none;transition:color var(--transition);font-size:.9rem}.socials a:hover{color:var(--neon-pink)}.footer-bottom{border-top:1px solid var(--glass-border);margin-top:60px;padding-top:30px;display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}.legal-entity{color:var(--color-muted);font-size:.8rem}.legal-links{display:flex;gap:20px}.legal-links a{color:var(--color-muted);text-decoration:none;font-size:.8rem;transition:color var(--transition)}.legal-links a:hover{color:var(--neon-pink)}.floating-whatsapp{position:fixed;bottom:24px;right:24px;width:54px;height:54px;background:var(--neon-green);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #39ff1466;z-index:99;color:#000;transition:transform .3s ease}.floating-whatsapp:hover{transform:scale(1.1)}#mobile-menu-btn{display:none}@media (max-width: 768px){#main-header{padding:15px 5%;align-items:center;justify-content:space-between;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.logo-img{height:36px;position:relative;z-index:101}#mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;color:#fff;cursor:pointer;z-index:101;position:relative}#mobile-menu-btn svg{width:28px;height:28px}nav#nav-links{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0a0a0afa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:100}#main-header.nav-open nav#nav-links{opacity:1;pointer-events:all}nav#nav-links a{font-size:1.5rem;letter-spacing:3px}nav#nav-links .btn-primary{margin-top:20px;padding:14px 28px;font-size:1.1rem}.story-beat{left:5%;width:90%;text-align:center}.story-beat h1{font-size:3.2rem;margin-top:-30px}.beat-title{font-size:2.2rem}.beat-desc{font-size:1rem;padding:0 10px}.hero-glass{width:90%;right:5%;top:65%;opacity:.15;filter:blur(2px) drop-shadow(0 0 20px rgba(255,45,123,.1))}.feature-chapter{min-height:auto!important;display:flex;flex-direction:column}.feature-sticky{position:relative;width:100%;height:auto;padding:60px 5% 20px;display:block}.feature-image{width:100%;max-width:100%;margin:0 auto}.feature-text-track{position:relative;width:100%}.feature-text-panel{height:auto;min-height:auto;padding:20px 5% 60px;text-align:center;opacity:1!important;transform:none!important}.feature-text-panel p{margin:0 auto}.feature-text-panel h2{font-size:2.2rem}section:not(.story-chapter):not(.feature-chapter):not(.interlude-section){padding:60px 5%}section h2{font-size:2.2rem}.section-subtitle{margin-bottom:30px;font-size:1rem}.bento-grid{grid-template-columns:1fr;gap:20px}.glass-card{padding:30px 20px;text-align:center}.gallery-masonry{columns:2;gap:10px}.gallery-item{margin-bottom:10px}.interlude-section{height:auto;padding:80px 5%}.interlude-text{font-size:2.2rem;margin-bottom:20px}.footer-grid{grid-template-columns:1fr;gap:40px;text-align:center}.socials{align-items:center}.footer-bottom{flex-direction:column;gap:15px;align-items:center;text-align:center}}
