*{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{width:100%;margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.main-content{padding-top:80px;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.card{border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem;margin-top:2rem}h1{color:#333;margin-bottom:1.5rem;font-size:2.5rem}.read-the-docs{color:#888}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f0ebe6}.loading-spinner{width:50px;height:50px;border:5px solid rgb(224,202,155);border-top:5px solid rgb(10,34,34);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:linear-gradient(135deg,#0a2222,#143737);z-index:3000;box-shadow:0 4px 20px #0003}.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:#e0ca9b;text-decoration:none;font-weight:500;transition:.3s}.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:#e0ca9b;transition:.3s}.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:linear-gradient(135deg,#0a2222,#143737);transform:translate(100%);transition:transform .35s ease;z-index:2500;padding:2rem}.mobile-menu.active{transform:translate(0)}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:1.4rem}.mobile-menu a{color:#e0ca9b;text-decoration:none;font-size:1.1rem}.mobile-divider{height:1px;background:#e0ca9b4d;margin:1.5rem 0}.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:#ff7a00;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,#ff7a00,#ff9f43);color:#fff;font-weight:600;cursor:pointer;transition:all .25s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ff7a0059}.secondary-btn{padding:12px 36px;border-radius:999px;background:#0a3d62;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,#ff7a00,#ff9f43)}.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 #ff7a00}.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:#ff7a00}.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}}