*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.landing-container{height:100vh;width:100vw;display:flex;flex-direction:column;background:linear-gradient(160deg,#062a3a,#0a4d68 20%,#088395,#05bfdb 70%,#00d9ff);position:relative;overflow:hidden}.water-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(0,217,255,.1) 0%,transparent 40%),radial-gradient(ellipse at 10% 90%,rgba(255,255,255,.06) 0%,transparent 30%);pointer-events:none;animation:waterShift 20s ease-in-out infinite}@keyframes waterShift{0%,to{transform:translateY(0) scale(1);opacity:.7}33%{transform:translateY(-15px) scale(1.03) translate(10px);opacity:1}66%{transform:translateY(10px) scale(1.02) translate(-10px);opacity:.85}}.bubbles-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bubble{position:absolute;bottom:-20px;background:radial-gradient(circle at 30% 30%,#fff6,#ffffff14);border-radius:50%;border:1px solid rgba(255,255,255,.15);animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:.6}to{transform:translateY(-110vh) scale(.4);opacity:0}}.bubble-1{width:8px;height:8px;left:5%;animation-duration:12s;animation-delay:0s}.bubble-2{width:12px;height:12px;left:12%;animation-duration:14s;animation-delay:1.5s}.bubble-3{width:6px;height:6px;left:20%;animation-duration:10s;animation-delay:3s}.bubble-4{width:14px;height:14px;left:28%;animation-duration:16s;animation-delay:.5s}.bubble-5{width:10px;height:10px;left:35%;animation-duration:11s;animation-delay:4s}.bubble-6{width:7px;height:7px;left:42%;animation-duration:13s;animation-delay:2s}.bubble-7{width:16px;height:16px;left:50%;animation-duration:15s;animation-delay:6s}.bubble-8{width:9px;height:9px;left:58%;animation-duration:12s;animation-delay:1s}.bubble-9{width:11px;height:11px;left:65%;animation-duration:14s;animation-delay:3.5s}.bubble-10{width:5px;height:5px;left:72%;animation-duration:10s;animation-delay:5s}.bubble-11{width:13px;height:13px;left:78%;animation-duration:16s;animation-delay:.8s}.bubble-12{width:8px;height:8px;left:85%;animation-duration:11s;animation-delay:2.5s}.bubble-13{width:6px;height:6px;left:90%;animation-duration:13s;animation-delay:4.5s}.bubble-14{width:10px;height:10px;left:95%;animation-duration:15s;animation-delay:1.2s}.bubble-15{width:7px;height:7px;left:8%;animation-duration:12s;animation-delay:7s}.bubble-16{width:15px;height:15px;left:25%;animation-duration:17s;animation-delay:3.2s}.bubble-17{width:9px;height:9px;left:45%;animation-duration:11s;animation-delay:5.5s}.bubble-18{width:11px;height:11px;left:55%;animation-duration:14s;animation-delay:.3s}.bubble-19{width:6px;height:6px;left:70%;animation-duration:10s;animation-delay:6.5s}.bubble-20{width:12px;height:12px;left:82%;animation-duration:13s;animation-delay:2.8s}.hero-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;position:relative;z-index:1}.logo-container{margin-bottom:2.5rem;animation:fadeInDown 1s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.brand-logo{max-width:280px;width:75vw;height:auto;filter:drop-shadow(0 8px 30px rgba(0,0,0,.25));transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.brand-logo:hover{transform:scale(1.05)}.hero-title{display:flex;flex-direction:column;align-items:center;gap:.15em;margin-bottom:2.5rem}.hero-word{display:block;font-size:clamp(2rem,7.5vw,4.5rem);font-weight:800;text-transform:uppercase;letter-spacing:.1em;line-height:1.15;background:linear-gradient(135deg,#fff,#e0f7fa 40%,#80deea,#00d9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 12px rgba(0,0,0,.2));animation:wordReveal .8s cubic-bezier(.16,1,.3,1) both}.hero-word-1{animation-delay:.4s}.hero-word-2{animation-delay:.65s;background:linear-gradient(135deg,#e0f7fa,#b2ebf2,#fff 60%,#80deea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-word-3{animation-delay:.9s;background:linear-gradient(135deg,#80deea,#b2ebf2,#e0f7fa 60%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes wordReveal{0%{opacity:0;transform:translateY(30px) scale(.9);filter:blur(8px) drop-shadow(0 3px 12px rgba(0,0,0,.2))}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 3px 12px rgba(0,0,0,.2))}}.order-now-button{background:linear-gradient(135deg,#25d366,#20ba5a);color:#fff;border:none;padding:1.3rem 3.2rem;font-size:1.2rem;font-weight:700;font-family:Poppins,sans-serif;border-radius:60px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:.85rem;box-shadow:0 10px 30px #25d36666,0 0 50px #25d36626,inset 0 1px #ffffff4d;animation:pulse 3s ease-in-out infinite,fadeInUp 1s ease-out 1.1s both;position:relative;overflow:hidden}.order-now-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s}.order-now-button:hover:before{left:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #25d36666,0 0 50px #25d36626,inset 0 1px #ffffff4d}50%{transform:scale(1.04);box-shadow:0 14px 40px #25d36680,0 0 60px #25d36640,inset 0 1px #ffffff4d}}.order-now-button:hover{background:linear-gradient(135deg,#20ba5a,#1da851);transform:translateY(-4px) scale(1.05);box-shadow:0 16px 45px #25d36680,0 0 70px #25d36640,inset 0 1px #fff6}.order-now-button:active{transform:translateY(-2px) scale(1.02)}.button-icon{width:26px;height:26px}.wave-divider{position:relative;z-index:1;margin-top:-1px;line-height:0}.wave-divider svg{width:100%;height:50px;display:block}.wave-divider svg path{fill:#00000059;animation:waveMotion 6s ease-in-out infinite}@keyframes waveMotion{0%,to{d:path("M0,60 C240,120 480,0 720,60 C960,120 1200,0 1440,60 L1440,120 L0,120 Z")}50%{d:path("M0,70 C240,10 480,100 720,50 C960,10 1200,100 1440,70 L1440,120 L0,120 Z")}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeInOverlay .3s ease-out;padding:1rem}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(145deg,#fffffff7,#f0f8fff2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;padding:2.8rem 2.5rem;max-width:520px;width:100%;position:relative;box-shadow:0 25px 60px #0000004d,0 0 80px #05bfdb26,inset 0 1px #ffffffe6;animation:slideUp .45s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:1.25rem;right:1.25rem;background:#0000000f;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#555}.modal-close:hover{background:#0000001f;transform:rotate(90deg);color:#222}.modal-close svg{width:22px;height:22px}.modal-title{font-size:clamp(1.4rem,4vw,1.8rem);font-weight:800;color:#0a4d68;margin-bottom:.4rem;text-align:center}.modal-subtitle{font-size:clamp(.85rem,2vw,.95rem);color:#777;text-align:center;margin-bottom:2rem;font-weight:400}.modal-buttons{display:flex;flex-direction:column;gap:.85rem}.modal-option-button{background:#fff;border:2px solid rgba(8,131,149,.12);border-radius:18px;padding:1.3rem 1.4rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:1.3rem;text-align:left;box-shadow:0 2px 10px #0000000d;font-family:Poppins,sans-serif}.modal-option-button:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000001f}.modal-option-button:active{transform:translateY(-1px)}.option-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.option-icon svg{width:28px;height:28px;color:#fff}.events-option .option-icon{background:linear-gradient(135deg,#ff6b35,#e85a2a);box-shadow:0 6px 18px #ff6b354d}.events-option:hover{border-color:#ff6b3566;background:linear-gradient(135deg,#ff6b350a,#e85a2a0a)}.events-option:hover .option-icon{transform:scale(1.08);box-shadow:0 8px 22px #ff6b3566}.regular-option .option-icon{background:linear-gradient(135deg,#088395,#0a4d68);box-shadow:0 6px 18px #0883954d}.regular-option:hover{border-color:#08839566;background:linear-gradient(135deg,#0883950a,#0a4d680a)}.regular-option:hover .option-icon{transform:scale(1.08);box-shadow:0 8px 22px #08839566}.whatsapp-option .option-icon{background:linear-gradient(135deg,#25d366,#20ba5a);box-shadow:0 6px 18px #25d3664d}.whatsapp-option:hover{border-color:#25d36666;background:linear-gradient(135deg,#25d3660a,#20ba5a0a)}.whatsapp-option:hover .option-icon{transform:scale(1.08);box-shadow:0 8px 22px #25d36666}.option-content h4{font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:700;color:#0a4d68;margin-bottom:.3rem}.option-content p{font-size:clamp(.78rem,2vw,.88rem);color:#888;line-height:1.4;font-weight:400}.footer-section{background:#00000059;padding:1.6rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;position:relative;z-index:1}.footer-title{color:#ffffffd9;font-size:.85rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase}.social-links{display:flex;gap:1.5rem}.social-icon{width:46px;height:46px;border:1.5px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .35s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;background:#ffffff14}.social-icon svg{width:22px;height:22px}.social-icon:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 25px #0000004d}.social-icon.facebook:hover{background:#1877f2;border-color:#1877f2}.social-icon.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#e6683c}.social-icon.youtube:hover{background:red;border-color:red}@media(max-width:768px){.brand-logo{max-width:220px;width:65vw}.hero-title{margin-bottom:2rem}.hero-word{font-size:clamp(1.6rem,7vw,3rem)}.order-now-button{padding:1.1rem 2.6rem;font-size:1.05rem}.button-icon{width:22px;height:22px}.modal-content{padding:2.2rem 1.8rem;border-radius:22px}.modal-option-button{padding:1.1rem;gap:1.1rem}.option-icon{width:50px;height:50px}.option-icon svg{width:24px;height:24px}.social-icon{width:42px;height:42px}.social-icon svg{width:20px;height:20px}.wave-divider svg{height:35px}}@media(max-width:480px){.brand-logo{max-width:190px;width:60vw}.logo-container{margin-bottom:1.8rem}.hero-word{font-size:clamp(1.5rem,8vw,2.5rem);letter-spacing:.08em}.hero-title{margin-bottom:1.8rem}.order-now-button{padding:1rem 2rem;font-size:.95rem;letter-spacing:.08em;gap:.7rem}.button-icon{width:20px;height:20px}.modal-content{padding:2rem 1.4rem;border-radius:18px}.modal-close{top:1rem;right:1rem;width:34px;height:34px}.modal-close svg{width:18px;height:18px}.modal-option-button{padding:1rem;gap:1rem;border-radius:14px}.option-icon{width:46px;height:46px;border-radius:12px}.option-icon svg{width:22px;height:22px}.hero-section{padding:1.2rem}.footer-section{padding:1.2rem;gap:1rem}.social-links{gap:1.2rem}.wave-divider svg{height:25px}.bubble-15,.bubble-16,.bubble-17,.bubble-18,.bubble-19,.bubble-20{display:none}}
