:root{--primary: #1a2332;--secondary: #f5f5f5;--accent: #9fff00;--accent-text: #000000;--text: #333333;--text-light: #666666;--background: #ffffff;--card-bg: #f8f9fa;--header-bg: rgba(255, 255, 255, .95);--footer-bg: #1a2332;--footer-text: rgba(255, 255, 255, .8);--logo-filter: brightness(0) saturate(100%) invert(81%) sepia(92%) saturate(316%) hue-rotate(7deg) brightness(97%) contrast(89%);--border-radius: 24px;--border-radius-small: 16px}@media (prefers-color-scheme: dark){:root{--primary: #e2e8f0;--secondary: #202220;--accent: #9fff00;--accent-text: #000000;--text: #f1f5f9;--text-light: #94b8a7;--background: #212824;--card-bg: #1a1b1a;--header-bg: rgba(28, 41, 36, .95);--footer-bg: #1a3223;--footer-text: rgba(255, 255, 255, .8);--logo-filter: brightness(0) saturate(100%) invert(81%) sepia(92%) saturate(316%) hue-rotate(7deg) brightness(97%) contrast(89%)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text);background-color:var(--background);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.page-container{overflow:hidden;position:relative;overflow-x:hidden}.main-header{background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;position:relative;transition:background-color .3s ease}.header-content{display:flex;justify-content:flex-start;align-items:center;max-width:1400px;margin:0 auto}.logo-container{display:flex;align-items:center;gap:1rem}.logo{font-size:1.5rem;font-weight:700;color:var(--primary)}.logo-icon{width:32px;height:32px;filter:var(--logo-filter);transition:filter .3s ease}main{padding:0}.hero-section{padding:2rem;background:var(--secondary);transition:background-color .3s ease}.hero-container{max-width:1400px;margin:0 auto}.hero-image-wrapper{position:relative;height:40vh;min-height:500px;background:var(--primary);border-radius:var(--border-radius);overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a2332,#2d3748);background-image:radial-gradient(circle at 60% 40%,var(--accent) 8px,transparent 8px),radial-gradient(circle at 70% 50%,var(--accent) 6px,transparent 6px),radial-gradient(circle at 80% 60%,var(--accent) 4px,transparent 4px)}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at center,#0003,#0006,#00000080)}.hero-content{text-align:center;color:#fff}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-description{font-size:1.1rem;opacity:.9;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;background:var(--accent);color:var(--accent-text);padding:1rem 2rem;border-radius:var(--border-radius-small);text-decoration:none;font-weight:600;transition:transform .2s}.cta-button:hover{transform:translateY(-1px)}.cta-button.secondary{background:var(--primary);color:#fff}.app-store-section{padding:4rem 2rem;text-align:center;background:var(--background)}.app-store-section .hero-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto}.app-store-section h1{font-size:2.5rem;font-weight:700;color:var(--text)}.app-buttons{display:flex;gap:1rem;margin-top:1rem;justify-content:center}.app-button-link{display:block;width:170px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .2s ease-in-out}.app-button-link:hover{transform:scale(1.05)}.app-button-link.app-store{background-image:url(../../../img/app.png)}.app-button-link.google-play{background-image:url(../../../img/play.png)}.how-it-works-section{background-color:var(--secondary);padding:4rem 2rem;transition:background-color .3s ease}.how-it-works-section h2{font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center;color:var(--text);max-width:1400px;margin:0 auto 3rem}.steps{display:flex;justify-content:space-around;gap:2rem;flex-wrap:wrap;max-width:1400px;margin:0 auto}.step{flex:1;min-width:250px;text-align:center}.step-icon{width:50px;height:50px;border-radius:25%;background-color:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.step h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.step p{color:var(--text-light)}.booking-section{padding:4rem 2rem;background:var(--background);transition:background-color .3s ease}.booking-info{max-width:1400px;margin:0 auto}.booking-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.booking-image{position:relative;height:300px;border-radius:var(--border-radius-small);overflow:hidden}.booking-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#89f7fe,#66a6ff)}.review-badge{position:absolute;top:1rem;right:1rem;background:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem}.booking-info h3{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:var(--text-light)}.booking-info p{color:var(--text-light);margin-bottom:2rem}.benefits-container{margin-bottom:2rem}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:100%;margin:0 auto}.benefit{padding:1rem;background:var(--card-bg);border-radius:var(--border-radius-small);width:100%;transition:background-color .3s ease}.benefit h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.benefit p{color:var(--text-light);margin-bottom:0;font-size:.95rem;line-height:1.5}.footer{background:var(--footer-bg);padding:2rem;color:#fff}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.footer-links{display:flex;gap:1rem}.footer-link{color:var(--footer-text);text-decoration:none}@media (max-width: 1024px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.step{min-width:200px}.booking-content{grid-template-columns:1fr;gap:2rem}.benefits-grid{grid-template-columns:1fr;gap:1rem}.hero-content h1{font-size:2rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.step{min-width:100%}.main-header{padding:1rem}.hero-section,.app-store-section,.how-it-works-section,.booking-section,.footer{padding:2rem 1rem}}