body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f8f9fa}.home-page{max-width:1200px;margin:auto;padding:20px;text-align:center;color:#333}.home-header{background-color:#333;color:#fff;padding:30px 20px;border-radius:8px}.home-header h1{font-size:2.5rem;margin:0}.highlight{color:#00bcd4}.home-header p{font-size:1.2rem;margin-top:10px}.home-intro{margin-top:40px;padding:20px}.home-intro h2{font-size:2rem;color:#00bcd4}.home-intro p{font-size:1.1rem;line-height:1.6;color:#555}.home-content{margin-top:30px;padding:20px}.home-content h2{font-size:2rem;color:#00bcd4}.home-content ul{list-style:none;padding:0}.home-content ul li{background:#e0f7fa;margin:10px 0;padding:10px 15px;border-radius:5px;font-size:1.1rem;color:#333}.home-footer{margin-top:40px;background-color:#333;color:#fff;padding:15px;border-radius:8px}.home-footer p{margin:0;font-size:1.1rem}.home-testimonials{margin:30px 0;text-align:center}.home-testimonials h2{font-size:2rem;color:#00bcd4}.testimonials-container{display:flex;flex-wrap:wrap;overflow-x:auto;gap:20px;padding:20px 0;justify-content:center;scroll-snap-type:x mandatory;scroll-behavior:smooth}.testimonial-card{background-color:#f4f4f4;padding:20px;width:250px;height:250px;border-radius:8px;overflow-y:auto;box-shadow:0 4px 8px #0000001a;flex-shrink:0;scroll-snap-align:start;transition:transform .3s ease}.testimonial-card:hover{transform:scale(1.05)}.testimonial-card p{font-style:italic;color:#555}.testimonial-card strong{display:block;margin-top:10px;font-weight:700;color:#333}.about-page{max-width:900px;margin:auto;padding:20px;text-align:center;font-family:Arial,sans-serif;color:#333}.about-header{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.about-header h1{font-size:2.5rem;margin-bottom:10px}.highlight{color:#00bcd4;font-weight:700}.about-header p{font-size:1.2rem;color:#555}.about-goal{margin-top:20px;padding:20px;background-color:#e0f7fa;border-radius:8px;box-shadow:0 2px 4px #0000001a}.about-goal h2{font-size:2rem;color:#00bcd4;margin-bottom:15px}.about-goal p{font-size:1.1rem;line-height:1.6;color:#555}.about-goal ul{list-style-type:none;padding:0}.about-goal ul li{margin:10px 0;padding:10px 15px;background:#fff;border-radius:5px;font-size:1.1rem;color:#333;box-shadow:0 1px 3px #0000001a}.about-contact{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a}.about-contact h2{font-size:2rem;color:#00bcd4}.about-contact p{font-size:1.1rem;line-height:1.6}.about-contact a{text-decoration:none;color:#00bcd4;font-weight:700}.about-contact a:hover{text-decoration:underline}.contact-page{max-width:900px;margin:auto;padding:20px;font-family:Arial,sans-serif;color:#333}.contact-header{text-align:center;margin-bottom:30px}.contact-header h1{font-size:2.5rem;margin-bottom:10px}.contact-header p{font-size:1.2rem;color:#555}.contact-form-section{background-color:#f8f9fa;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.contact-form-section h2{font-size:2rem;color:#00bcd4;margin-bottom:15px}.contact-form{display:flex;flex-direction:column}.contact-form label{margin-bottom:5px;font-weight:700}.contact-form input,.contact-form textarea{margin-bottom:15px;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px}.contact-form textarea{resize:vertical}.submit-button{background-color:#00bcd4;color:#fff;padding:10px 15px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#008c9e}.contact-details{background-color:#e0f7fa;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.contact-details h2{font-size:2rem;color:#00bcd4;margin-bottom:10px}.contact-details p{font-size:1.1rem;color:#333}.contact-details a{text-decoration:none;color:#00bcd4;font-weight:700}.contact-details a:hover{text-decoration:underline}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#333;padding:1rem 2rem;box-shadow:0 2px 5px #0000001a}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0 1rem}.nav-links a{text-decoration:none;color:#fff;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#00bcd4}.navbar-mobile-menu{display:none;color:#fff;font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.nav-links{display:none;flex-direction:column;position:absolute;top:55px;right:0;background-color:#333;width:100%;padding:1rem 0;box-shadow:0 2px 5px #0000001a;z-index:999}.nav-links.active{display:flex}.nav-links li{margin:.5rem 1rem}.navbar-mobile-menu{display:block}}.login-container{text-align:center;margin-top:100px;font-family:Arial,sans-serif;color:#333}.login-container h2{font-size:28px;color:#444;margin-bottom:20px}.user-avatar{border-radius:50%;width:120px;height:120px;margin-bottom:20px;border:3px solid #4caf50;box-shadow:0 4px 8px #0000001a}.button-container{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px}.login-button,.logout-button,.prebooking-button{padding:12px 25px;font-size:16px;border:none;border-radius:8px;cursor:pointer;background-color:#4caf50;color:#fff;transition:background-color .3s ease,transform .2s;box-shadow:0 4px 6px #0000001a}.login-button:hover,.logout-button:hover,.prebooking-button{background-color:#45a049;transform:translateY(-2px)}.login-button:active,.logout-button:active,.prebooking-button{transform:translateY(0)}.login-button:disabled,.logout-button:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.prebooking-container{max-width:800px;margin:0 auto;padding:20px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.progress-bar{display:flex;align-items:center;justify-content:center;margin-bottom:40px;padding:20px;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;z-index:1}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative}.step-circle{width:40px;height:40px;border-radius:50%;background-color:#e0e0e0;color:#888;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;z-index:1;transition:all .3s ease}.step-circle.active{background-color:#2196f3;color:#fff;transform:scale(1.1)}.progress-step span{font-size:12px;color:#666;text-align:center}.progress-line{width:60px;height:2px;background-color:#e0e0e0;margin:0 10px}.main-content{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000026;overflow:hidden}.auth-section{padding:40px;text-align:center}.welcome-card h1{color:#2196f3;margin-bottom:10px;font-size:2.5rem}.welcome-card p{color:#666;margin-bottom:30px;font-size:1.1rem}.login-section h3{margin-bottom:20px;color:#333}.login-btn,.continue-btn{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;border:none;padding:15px 30px;border-radius:50px;font-size:1.1rem;cursor:pointer;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px #4285f44d}.login-btn:hover,.continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.user-welcome{background:#f8f9fa;padding:20px;border-radius:15px;border:2px solid #e8f5e9}.user-welcome h3{color:#2e7d32;margin-bottom:15px}.preferences-section{padding:40px}.preferences-card h2{color:#2196f3;margin-bottom:30px;text-align:center}.price-selection{margin-bottom:30px}.price-selection h3{margin-bottom:20px;color:#333}.price-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:20px}.price-option{padding:15px 20px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:1.1rem;font-weight:700}.price-option:hover{border-color:#2196f3;background:#f3f8ff;transform:translateY(-2px)}.price-option.selected{border-color:#2196f3;background:#2196f3;color:#fff;box-shadow:0 4px 15px #2196f34d}.expectations-section{margin-bottom:30px}.expectations-section h3{margin-bottom:15px;color:#333}.expectations-textarea{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .3s ease}.expectations-textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.next-btn{width:100%;padding:15px;background:linear-gradient(135deg,#2196f3,#21cbf3);color:#fff;border:none;border-radius:12px;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2196f34d}.next-btn:disabled{background:#ccc;cursor:not-allowed}.social-section{padding:40px}.social-card h2{color:#2196f3;margin-bottom:10px;text-align:center}.social-card p{text-align:center;color:#666;margin-bottom:30px}.social-options{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.social-option{display:flex;align-items:center;padding:20px;border:2px solid #e0e0e0;border-radius:15px;cursor:pointer;transition:all .3s ease;background:#fff}.social-option:hover{border-color:#2196f3;background:#f8f9ff;transform:translate(5px)}.social-option.connected{border-color:#4caf50;background:#f1f8e9}.social-icon{font-size:2rem;margin-right:15px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px}.social-icon.whatsapp{background:#e8f5e8}.social-icon.instagram{background:#fce4ec}.social-icon.twitter{background:#e3f2fd}.social-info{flex:1}.social-info h4{margin-bottom:5px;color:#333}.social-info p{color:#666;font-size:.9rem;margin:0;text-align:left}.connection-status{font-size:1.5rem;color:#4caf50}.action-buttons{display:flex;gap:15px}.back-btn{flex:1;padding:15px;background:#f5f5f5;color:#666;border:2px solid #e0e0e0;border-radius:12px;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#eee;border-color:#bdbdbd}.waitlist-btn{flex:2;padding:15px;background:linear-gradient(135deg,#ff5722,#ff9800);color:#fff;border:none;border-radius:12px;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.waitlist-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff57224d}.waitlist-btn:disabled{background:#ccc;cursor:not-allowed}.confirmation-section{padding:40px;text-align:center}.confirmation-card{max-width:500px;margin:0 auto}.success-icon{font-size:4rem;margin-bottom:20px}.confirmation-card h2{color:#4caf50;margin-bottom:10px}.confirmation-card p{color:#666;margin-bottom:30px;font-size:1.1rem}.confirmation-details{background:#f8f9fa;padding:20px;border-radius:15px;margin-bottom:30px;text-align:left}.detail-item{margin-bottom:10px;padding:8px 0;border-bottom:1px solid #e0e0e0}.detail-item:last-child{border-bottom:none;margin-bottom:0}.detail-item strong{color:#333;margin-right:10px}.next-steps{background:#e3f2fd;padding:25px;border-radius:15px;text-align:left}.next-steps h3{color:#1976d2;margin-bottom:15px;text-align:center}.next-steps ul{list-style:none;padding:0}.next-steps li{position:relative;padding:8px 0 8px 25px;color:#555}.next-steps li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}@media (max-width: 768px){.prebooking-container{padding:10px}.progress-bar{padding:15px 10px;margin-bottom:20px}.progress-step span{font-size:10px}.step-circle{width:35px;height:35px;font-size:.9rem}.progress-line{width:40px;margin:0 5px}.auth-section,.preferences-section,.social-section,.confirmation-section{padding:20px}.welcome-card h1{font-size:2rem}.price-options{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}}@media (max-width: 480px){.welcome-card h1{font-size:1.5rem}.price-options{grid-template-columns:1fr}.progress-bar{flex-wrap:wrap;gap:10px}.progress-line{display:none}.social-option{flex-direction:column;text-align:center;padding:15px}.social-icon{margin-right:0;margin-bottom:10px}.social-info p{text-align:center}}.contact-preference{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:12px}.contact-preference h3{margin-bottom:15px;color:#333}.contact-options{display:flex;flex-direction:column;gap:10px}.contact-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:1rem}.contact-option input[type=radio]{margin:0}.connect-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.9rem;cursor:pointer;margin-top:10px;transition:all .3s ease}.connect-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #4caf504d}.contact-input{margin-top:15px}.contact-field{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:border-color .3s ease}.contact-field:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.social-info{flex:1;display:flex;flex-direction:column}@media (max-width: 768px){.contact-options{gap:8px}.contact-option{font-size:.9rem}.connect-btn{padding:6px 12px;font-size:.8rem}}
