:root{--color-primary:#0d7c5f;--color-secondary:#2563eb;--color-accent:#d4a057;--color-emerald:#10b981;--color-bg:#fdfaf6;--color-surface:#f5f0eb;--color-surface-hover:#ebe5df;--color-text:#1a1a2e;--color-text-muted:#64748b;--color-mountain:#1b4332;--color-beach:#0284c7;--color-danger:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--color-border:#e2e8f0;--color-white:#fff;--font-heading:"Cormorant Garamond", serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--space-4xl:4rem;--space-5xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0d7c5f0d;--shadow-md:0 4px 6px -1px #0d7c5f14, 0 2px 4px -1px #0d7c5f0a;--shadow-lg:0 10px 15px -3px #0d7c5f1a, 0 4px 6px -2px #0d7c5f0d;--shadow-xl:0 20px 25px -5px #0d7c5f1f, 0 10px 10px -5px #0d7c5f0a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--z-negative:-1;--z-elevate:1;--z-sticky:100;--z-drawer:200;--z-modal:300;--z-popover:400;--z-toast:500;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;line-height:1.5}body{min-height:100vh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);font-weight:600;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4.5rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2vw,1.5rem)}p{color:var(--color-text-muted)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}ul{list-style:none}.container{width:100%;max-width:var(--container-xl);padding-left:var(--space-lg);padding-right:var(--space-lg);margin-left:auto;margin-right:auto}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-emerald{color:var(--color-emerald)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-primary)}.bg-surface{background-color:var(--color-surface)}.bg-white{background-color:var(--color-white)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--color-emerald);outline-offset:2px}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);transition:all var(--transition-base);font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-emerald);color:var(--color-white)}.btn-primary:hover{box-shadow:var(--shadow-md);background-color:#059669;transform:translateY(-2px)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text);background-color:#0000}.btn-outline:hover{border-color:var(--color-text);background-color:#1a1a2e0d}.btn-outline-white{border:1px solid var(--color-white);color:var(--color-white)}.btn-outline-white:hover{background-color:#ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-slow) forwards}.animate-slide-up{animation:slideUp var(--transition-slow) forwards}.reveal-hidden{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.reveal-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-hidden{opacity:1;transform:none}}.header{height:80px;z-index:var(--z-sticky);transition:all var(--transition-base);background:0 0;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header--scrolled{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);background:#fdfaf6d9}.header__container{justify-content:space-between;align-items:center;width:100%;display:flex}.header__logo{align-items:center;gap:var(--space-sm);color:var(--color-text);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;display:flex}.header__logo svg{color:var(--color-primary)}.header__nav{display:none}@media (width>=768px){.header__nav{align-items:center;gap:var(--space-xl);display:flex}}.header__nav-link{color:var(--color-text);transition:color var(--transition-fast);font-weight:500}.header__nav-link:hover{color:var(--color-primary)}.header__dropdown-container{position:relative}.header__dropdown-menu{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-md) 0;min-width:200px;z-index:var(--z-dropdown,1000);background-color:#3b2818;margin-top:15px;position:absolute;top:100%;left:-20px}.header__dropdown-menu:before{content:"";width:100%;height:15px;position:absolute;top:-15px;left:0}.header__dropdown-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);color:#f3e8d6;transition:all var(--transition-fast);font-size:.95rem;font-weight:500;display:flex}.header__dropdown-item:hover{background-color:#ffffff1a}.header__dropdown-item svg{color:#d8c3a5}.header__actions{display:none}@media (width>=768px){.header__actions{align-items:center;gap:var(--space-md);display:flex}}.header__mobile-toggle{color:var(--color-text);display:flex}@media (width>=768px){.header__mobile-toggle{display:none}}.mobile-menu{background-color:var(--color-bg);z-index:var(--z-modal);padding:80px var(--space-lg) var(--space-lg);gap:var(--space-xl);flex-direction:column;display:flex;position:fixed;inset:0}.mobile-menu__nav{gap:var(--space-lg);flex-direction:column;font-size:1.25rem;display:flex}.hero{background:url(/hero-bg.png) 50%/cover fixed;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero__content{z-index:2;text-align:center;align-items:center;gap:var(--space-xl);flex-direction:column;max-width:800px;margin:0 auto;display:flex;position:relative}.hero__title{color:var(--color-text);font-size:clamp(3rem,8vw,6rem);line-height:1.1}.hero__title span{color:var(--color-primary);font-style:italic;display:block}.hero__subtitle{color:var(--color-text-muted);max-width:600px;font-size:clamp(1.125rem,2vw,1.5rem)}.hero__actions{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.hero__filters{justify-content:center;gap:var(--space-sm);margin-top:var(--space-2xl);flex-wrap:wrap;display:flex}.hero__filter-chip{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);background-color:var(--color-white);border:1px solid var(--color-border);transition:all var(--transition-base);font-size:.875rem;font-weight:500;display:flex}.hero__filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.hero__bg{z-index:1;opacity:.1;pointer-events:none;width:100%;height:40vh;position:absolute;bottom:0;left:0}.section{padding:var(--space-5xl) 0}.section-header{text-align:center;margin-bottom:var(--space-4xl)}.section-title{margin-bottom:var(--space-md)}.destinations__tabs{justify-content:center;gap:var(--space-md);margin-bottom:var(--space-2xl);display:flex}.destinations__tab{padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-full);color:var(--color-text-muted);transition:all var(--transition-base);font-size:1.125rem;font-weight:500}.destinations__tab.active{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.destinations__subtabs{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.destinations__subtab{padding:var(--space-xs) var(--space-lg);color:var(--color-text-muted);transition:all var(--transition-fast);border-bottom:2px solid #0000;font-size:.875rem}.destinations__subtab.active{color:var(--color-text);border-bottom-color:var(--color-primary)}.destinations__chips{gap:var(--space-sm);padding-bottom:var(--space-md);scrollbar-width:none;display:flex;overflow-x:auto}.destinations__chips::-webkit-scrollbar{display:none}.destinations__chip{padding:var(--space-sm) var(--space-lg);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);flex-shrink:0}.destinations__chip.active{background-color:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.destination-detail{margin-top:var(--space-2xl);padding:var(--space-2xl);background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.destination-detail__header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.env-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;display:inline-flex}.env-badge.mountain-type{background-color:var(--color-pale,#d1fae5);color:var(--color-mountain)}.env-badge.beach-type{color:var(--color-beach);background-color:#e0f2fe}.listings-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.listings-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.listings-grid{grid-template-columns:repeat(3,1fr)}}.listing-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--color-border);flex-direction:column;display:flex;overflow:hidden}.listing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.listing-card__image{background:linear-gradient(135deg, var(--color-surface) 0%, #e2e8f0 100%);height:200px;position:relative}.listing-card__verified{top:var(--space-sm);right:var(--space-sm);background-color:var(--color-white);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);align-items:center;gap:var(--space-xs);color:var(--color-primary);box-shadow:var(--shadow-sm);font-size:.75rem;font-weight:600;display:flex;position:absolute}.listing-card__content{padding:var(--space-lg);flex-direction:column;flex:1;display:flex}.listing-card__header{margin-bottom:var(--space-md)}.listing-card__title{font-family:var(--font-body);margin:var(--space-xs) 0;font-size:1.125rem}.listing-card__location{color:var(--color-text-muted);font-size:.875rem}.listing-card__wifi{margin-bottom:var(--space-md)}.wifi-bar{background-color:var(--color-border);border-radius:var(--radius-full);height:4px;margin-top:var(--space-xs);overflow:hidden}.wifi-bar__fill{border-radius:var(--radius-full);height:100%}.listing-card__price{margin-bottom:var(--space-lg)}.listing-card__price-main{color:var(--color-text);font-size:1.5rem;font-weight:700;font-family:var(--font-mono)}.listing-card__price-sub{color:var(--color-text-muted);font-size:.875rem}.listing-card__infra{gap:var(--space-md);margin-bottom:var(--space-lg);margin-top:auto;display:flex}.infra-icon{color:var(--color-text-muted)}.infra-icon.active{color:var(--color-primary)}.verification-grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=640px){.verification-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.verification-grid{grid-template-columns:repeat(5,1fr)}}.verify-card{text-align:center;padding:var(--space-xl) var(--space-md);background-color:var(--color-surface);border-radius:var(--radius-xl);transition:all var(--transition-base)}.verify-card:hover{background-color:var(--color-white);box-shadow:var(--shadow-md)}.verify-card__icon{background-color:var(--color-white);width:48px;height:48px;margin:0 auto var(--space-md);color:var(--color-primary);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.stats-section{background:linear-gradient(135deg, var(--color-primary) 0%, #064a3a 100%);color:var(--color-white);padding:var(--space-5xl) 0}.stats-grid{gap:var(--space-xl);text-align:center;grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item__number{font-family:var(--font-mono);margin-bottom:var(--space-xs);color:var(--color-accent);font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.stat-item__label{opacity:.9;font-size:1rem;font-weight:500}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item__question{width:100%;padding:var(--space-lg) 0;text-align:left;color:var(--color-text);justify-content:space-between;align-items:center;font-size:1.125rem;font-weight:600;display:flex}.faq-item__icon{color:var(--color-primary);transition:transform var(--transition-base)}.faq-item.open .faq-item__icon{transform:rotate(180deg)}.faq-item__answer{max-height:0;transition:max-height var(--transition-base);color:var(--color-text-muted);overflow:hidden}.faq-item.open .faq-item__answer{max-height:200px}.faq-item__answer-inner{padding-bottom:var(--space-lg)}.footer{background-color:var(--color-text);color:var(--color-white);padding:var(--space-5xl) 0 var(--space-xl)}.footer-grid{gap:var(--space-3xl);margin-bottom:var(--space-4xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer__brand p{color:var(--color-text-muted);margin:var(--space-md) 0 var(--space-lg);max-width:300px}.footer__social{gap:var(--space-md);display:flex}.footer__social-link{color:var(--color-white);opacity:.7;transition:opacity var(--transition-fast)}.footer__social-link:hover{opacity:1}.footer__title{font-family:var(--font-body);margin-bottom:var(--space-lg);font-size:1.125rem}.footer__list{gap:var(--space-sm);flex-direction:column;display:flex}.footer__link{color:var(--color-text-muted);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-white)}.footer__bottom{text-align:center;padding-top:var(--space-xl);color:var(--color-text-muted);border-top:1px solid #ffffff1a;font-size:.875rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);padding:var(--space-lg);background-color:#1a1a2e80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-bg);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-base) forwards;overflow-y:auto}.modal-header{padding:var(--space-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-close{color:var(--color-text-muted);transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-label{margin-bottom:var(--space-xs);font-weight:500;display:block}.form-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white);transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);outline:none}textarea.form-input{resize:vertical;min-height:100px}