@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}body{margin:0;min-width:320px;min-height:100vh}#root{padding-top:60px}a{font-weight:500;text-decoration:none}h1{font-size:3.2em;line-height:1.1}:root{--primary-color: rgb(10, 34, 34);--primary-color-light: #1a4a4a;--secondary-color: rgb(224, 202, 155);--accent-color: rgb(233, 194, 93);--accent-color-deep: #d4a73f;--text-dark: rgb(10, 34, 34);--text-light: #ffffff;--text-muted: #5a6b6b;--text-muted-light: #8a9797;--bg-light: rgb(240, 235, 230);--bg-white: #ffffff;--border-color: #e4ddd0;--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-color-light));--gradient-accent: linear-gradient(135deg, var(--accent-color), var(--accent-color-deep));--shadow-soft: 0 8px 32px rgba(10, 34, 34, .08);--shadow-medium: 0 12px 40px rgba(10, 34, 34, .14);--shadow-strong: 0 20px 56px rgba(10, 34, 34, .2);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--border-radius: var(--radius-md);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--text-dark)}#root{width:100%;margin:0;padding:0;text-align:center}.main-content{padding-top:80px;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-light)}.loading-spinner{width:50px;height:50px;border:5px solid var(--secondary-color);border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{position:fixed;top:0;width:100%;height:65px;background:var(--gradient-primary);z-index:3000;box-shadow:var(--shadow-medium)}.navbar-container{max-width:1200px;height:100%;margin:auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo-image{height:45px}.desktop{display:flex}.nav-links ul,.auth-links ul{display:flex;gap:1.5rem;list-style:none}.nav-links a,.auth-links a{color:var(--secondary-color);text-decoration:none;font-weight:500;transition:var(--transition)}.nav-links a:hover,.auth-links a:hover{color:#fff}.mobile-menu-button{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.mobile-menu-button span{width:25px;height:3px;background:var(--secondary-color);transition:var(--transition)}.mobile-menu-button.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-button.active span:nth-child(2){opacity:0}.mobile-menu-button.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:65px;right:0;width:75%;height:calc(100vh - 65px);background:var(--gradient-primary);transform:translate(100%);transition:transform .35s ease;z-index:2500;padding:2rem;box-shadow:var(--shadow-strong)}.mobile-menu.active{transform:translate(0)}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:1.4rem}.mobile-menu a{color:var(--secondary-color);text-decoration:none;font-size:1.1rem}.mobile-divider{height:1px;background:#e0ca9b4d;margin:1.5rem 0}@media (max-width: 480px){.mobile-menu{width:85%;padding:1.5rem}}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:2000}@media (max-width: 768px){.desktop{display:none}.mobile-menu-button{display:flex}}body{padding-top:65px}.family-tour-page{background:#f5f7fb;min-height:100vh}.family-tour-hero{min-height:70vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#ffecd2,transparent 40%),radial-gradient(circle at bottom right,#fcb69f,transparent 45%),linear-gradient(135deg,#fff5ec,#fff);padding:20px}.hero-content{text-align:center;max-width:900px}.hero-badge{display:inline-block;padding:6px 18px;border-radius:999px;background:var(--accent-color);color:#fff;font-weight:600;font-size:.85rem;margin-bottom:18px}.hero-content h1{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;margin-bottom:12px;color:#1e1e1e}.hero-content p{font-size:1.1rem;margin-bottom:36px;color:#444}.primary-btn{padding:14px 44px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-deep));color:#fff;font-weight:600;cursor:pointer;transition:all .25s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #e9c25d59}.secondary-btn{padding:12px 36px;border-radius:999px;background:var(--primary-color);color:#fff;text-decoration:none;font-weight:600}.family-tour-details{max-width:1100px;margin:-60px auto 60px;padding:0 20px}.details-card{background:#fff;padding:40px;border-radius:22px;box-shadow:0 20px 50px #0000001f}.details-card ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;list-style:none;padding:0}.details-card li{background:#f1f3f8;padding:14px 18px;border-radius:12px;font-weight:500}.itinerary-section{padding:60px 20px;max-width:900px;margin:auto}.itinerary-section h2{text-align:center;font-size:clamp(2rem,6vw,2.8rem);margin-bottom:50px;font-weight:800;color:#222;position:relative}.itinerary-section h2:after{content:"";width:90px;height:4px;display:block;margin:12px auto 0;border-radius:20px;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-deep))}.itinerary-day{background:#fff;border-radius:12px;margin-bottom:20px;padding:14px 20px;box-shadow:0 8px 20px #00000014;transition:all .3s ease;border-left:4px solid var(--accent-color)}.itinerary-day summary{font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;cursor:pointer;list-style:none;padding:12px 0;color:#222}.itinerary-day summary::-webkit-details-marker{display:none}.itinerary-day summary:after{content:"+";float:right;font-size:1.5rem;color:var(--accent-color)}.itinerary-day[open] summary:after{content:"−"}.itinerary-day ul{margin:18px 0 8px;padding:0;list-style:none}.itinerary-day li{margin-bottom:12px;font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.7;font-weight:500;color:#555}.itinerary-day:hover{transform:translateY(-2px);box-shadow:0 12px 25px #0000001f}.pricing-section{padding:80px 20px;background:#f7f8fc}.pricing-section h2{text-align:center;font-size:2.2rem;margin-bottom:40px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;max-width:1000px;margin:auto}.pricing-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 25px #00000014;transition:transform .3s ease}.pricing-card:hover{transform:translateY(-6px)}.pricing-card h3{margin-bottom:15px;font-size:1.4rem}.pricing-card ul{padding-left:18px}.pricing-card li{margin-bottom:10px;color:#444}.pricing-card.highlight{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;text-align:center}.pricing-card.highlight .price{font-size:2.4rem;font-weight:700;margin:15px 0}@media (max-width: 768px){.family-tour-details{margin-top:-30px}.details-card{padding:26px}}
