:root{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--bg-glass: rgba(15, 23, 42, .85);--bg-input: #1E293B;--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-subtle: rgba(59, 130, 246, .15);--color-accent: #F97316;--color-accent-hover: #EA580C;--color-accent-subtle: rgba(249, 115, 22, .15);--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #0EA5E9;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--border-color: #334155;--border-color-muted: #1E293B;--border-focus: #3B82F6;--font-base: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-base-size: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2.25rem;--font-4xl: 3rem;--font-5xl: 3.75rem;--font-spacing-tight: -.025em;--font-spacing-normal: 0em;--font-spacing-wide: .025em;--container-width: 1280px;--container-padding: 1.5rem;--nav-height: 72px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px -5px rgba(59, 130, 246, .3);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-base);line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}main{flex:1}body:before{content:"";position:fixed;inset:0;width:100%;height:100%;background-image:radial-gradient(var(--bg-secondary) 1px,transparent 1px),radial-gradient(var(--bg-secondary) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,20px 20px;opacity:.05;pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);line-height:1.2;margin-bottom:var(--space-4);letter-spacing:var(--font-spacing-tight)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:var(--space-6)}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--space-4)}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin-bottom:var(--space-3)}h4{font-size:1.25rem;font-weight:600}p{margin-bottom:var(--space-4);color:var(--text-secondary);font-size:var(--font-base-size)}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast)}a:hover{color:var(--color-primary-hover)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--space-16) 0;position:relative;width:100%}.section-sm{padding:var(--space-12) 0}.section-lg{padding:var(--space-24) 0}.grid{display:grid;gap:var(--space-8)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.section{padding:var(--space-12) 0}.container{padding:0 var(--space-4)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}@media (max-width: 768px){.mobile-scroll-container{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--space-4);padding-bottom:var(--space-6);margin-right:calc(var(--space-4) * -1);padding-right:var(--space-6);-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-left:var(--space-4)}.mobile-scroll-container::-webkit-scrollbar{display:none}.mobile-scroll-item{flex:0 0 75%;width:75%;scroll-snap-align:start}.mobile-scroll-container:after{content:"";min-width:var(--space-4);height:1px}}.section-header{text-align:center;max-width:800px;margin:0 auto var(--space-12)}.section-header h2{margin-bottom:var(--space-2)}.section-header p{font-size:var(--font-lg);color:var(--text-muted)}.btn,.button,.nav-cta,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius-full);text-decoration:none;cursor:pointer;transition:all .2s ease;border:none;line-height:1}.btn-primary,.button,.nav-cta{background-color:var(--color-primary);color:#fff}.btn-primary:hover,.button:hover,.nav-cta:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--text-muted)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background-color:#0f172ae6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color-muted);z-index:1000}.site-header .container{height:100%;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em}.logo span{color:var(--color-primary)}.nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:color .2s ease;padding:.5rem}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff;padding:.6rem 1.25rem;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;transition:all .2s ease}.nav-cta:hover{background-color:var(--color-primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.mobile-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;z-index:1002;padding:0}.mobile-toggle span{width:30px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}@media (max-width: 768px){.mobile-toggle{display:flex}.nav-center{position:fixed;top:var(--nav-height);left:0;width:100%;height:calc(100vh - var(--nav-height));background-color:var(--bg-primary);padding:2rem;flex-direction:column;align-items:center;justify-content:flex-start;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);border-top:1px solid var(--border-color);overflow-y:auto}.nav-center.active{transform:translate(0)}.nav-menu{flex-direction:column;align-items:center;gap:1.5rem;width:100%;text-align:center}.nav-link{font-size:1.25rem;display:block;padding:1rem;width:100%;border-bottom:1px solid var(--border-color-muted)}body.nav-open{overflow:hidden}}.card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .3s var(--ease-smooth);overflow:hidden;height:100%;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-subtle);background-color:var(--bg-tertiary)}.destination-card{position:relative;aspect-ratio:3/4;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;text-decoration:none;display:block;border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-md);transition:all .4s var(--ease-smooth)}.destination-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-smooth)}.destination-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-4px)}.destination-card:hover img{transform:scale(1.08)}.destination-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0f172a1a,#0f172a00 20%,#0f172a99,#0f172af2);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-6);z-index:1}.destination-overlay h3{margin:0;color:var(--text-primary);font-size:1.75rem;font-family:var(--font-display);font-weight:700;line-height:1.1;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.5);transform:translateY(0);transition:transform .3s ease}.destination-overlay span{color:var(--color-accent);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:.5rem;opacity:.9}.destination-overlay span:after{content:"→";opacity:0;transform:translate(-5px);transition:all .3s ease}.destination-card:hover .destination-overlay span:after{opacity:1;transform:translate(0)}.attraction-card{border-radius:var(--radius-xl);background-color:var(--bg-secondary);border:1px solid var(--border-color);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.attraction-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.attraction-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.attraction-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.attraction-card:hover .attraction-media img{transform:scale(1.05)}.attraction-content{padding:var(--space-6);display:flex;flex-direction:column;flex-grow:1;position:relative}.attraction-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);font-weight:700;margin-bottom:var(--space-2)}.attraction-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.3}.attraction-meta{font-size:.875rem;color:var(--text-muted);display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.attraction-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-color-muted);display:flex;justify-content:space-between;align-items:center}.hero-section{position:relative;min-height:85vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--text-inverse);padding:var(--space-8);overflow:hidden;background-color:var(--bg-primary)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(15,23,42,.3) 0%,rgba(15,23,42,.6) 80%,var(--bg-primary) 100%);z-index:1}.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform 10s ease}.hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding-top:calc(var(--nav-height) + 3rem);padding-bottom:var(--space-12)}.hero-label{font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:var(--color-accent);background:#0f172a99;backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000001a}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);margin-bottom:var(--space-4)}.hero-description{font-size:clamp(1rem,2vw,1.25rem);color:#ffffffe6;max-width:60ch;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.5);margin-bottom:var(--space-8)}.hero-search-container{background:#fff;padding:var(--space-1);border-radius:var(--radius-full);display:flex;align-items:center;width:100%;max-width:720px;box-shadow:0 8px 32px #0000004d;border:4px solid rgba(255,255,255,.1);position:relative}.search-input-lg{flex:1;border:none;background:transparent;padding:1.25rem 1.5rem;font-size:1.125rem;color:var(--bg-primary);width:100%;border-radius:var(--radius-full);outline:none}.search-btn-lg{background:var(--color-primary);color:#fff;border:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:.25rem;transition:background .2s ease;flex-shrink:0}.search-btn-lg:hover{background:var(--color-primary-hover)}.search-results-popover{position:absolute;top:calc(100% + 1rem);left:0;width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden;padding:var(--space-2) 0;display:none}.stats-bar{display:flex;justify-content:center;gap:var(--space-8);margin-top:var(--space-12);padding:1.5rem 3rem;background:#0f172a99;backdrop-filter:blur(12px);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003}.stat-item{display:flex;flex-direction:column;align-items:center;min-width:100px}.stat-value{font-size:2rem;font-weight:700;color:#fff;font-family:var(--font-display);line-height:1}.stat-label{font-size:.875rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.stat-divider{width:1px;height:40px;background:#ffffff26}@media (max-width: 768px){.hero-section{min-height:80vh;padding:var(--space-4);justify-content:center;padding-bottom:var(--space-16)}.hero-content{align-items:center;text-align:center}.hero-title{font-size:2.5rem}.stats-bar{display:none}.hero-search-container{padding:.25rem;max-width:100%}.search-input-lg{padding:1rem;font-size:1rem}.search-btn-lg{width:48px;height:48px}}footer.site-footer{width:100%;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-8) var(--container-padding);box-sizing:border-box}footer.site-footer .footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8);max-width:var(--container-width);margin:0 auto}footer.site-footer .footer-col{display:flex;flex-direction:column;flex:1;min-width:0}footer.site-footer .footer-col h4{font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);color:var(--text-primary)}footer.site-footer .footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}footer.site-footer .footer-links a{text-decoration:none;color:var(--text-muted);font-size:.82rem;transition:color var(--duration-fast);line-height:1.6}footer.site-footer .footer-links a:hover{color:var(--color-primary)}footer.site-footer .footer-bottom{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.75rem}@media (max-width: 1024px){footer.site-footer .footer-grid{flex-wrap:wrap}footer.site-footer .footer-col{flex:0 0 calc(50% - var(--space-4))}}@media (max-width: 640px){footer.site-footer{padding:var(--space-6) var(--container-padding)}footer.site-footer .footer-grid{flex-direction:column;gap:var(--space-5)}footer.site-footer .footer-col{flex:1 1 100%}footer.site-footer .footer-links{flex-direction:row;flex-wrap:wrap;gap:.25rem 1rem}}