:root{--primary:#00915a;--primary-hover:#007a4c;--primary-light:#e8f5f0;--primary-dark:#005a38;--background:#fff;--foreground:#171717;--muted:#6b7280;--muted-foreground:#9ca3af;--border:#e5e7eb;--input:#f9fafb;--ring:#00915a;--radius:2.5rem;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6}html,body{max-width:100vw;min-height:100vh;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Figtree,sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:Figtree,sans-serif}a{color:inherit;text-decoration:none}.btn{border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,145,90,.2)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(0,145,90,.2)}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background-color:transparent}.btn-secondary:hover:not(:disabled){background-color:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,145,90,.15)}.btn-outline{color:var(--foreground);border:2px solid var(--border);background-color:transparent}.btn-outline:hover:not(:disabled){background-color:var(--input);border-color:var(--primary);color:var(--primary)}.btn-ghost{color:var(--foreground);background-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--primary-light);color:var(--primary)}.btn-destructive{background-color:var(--error);color:#fff}.btn-destructive:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.2)}.btn-sm{border-radius:calc(var(--radius) - 2px);padding:.5rem 1rem;font-size:.75rem}.btn-lg{border-radius:calc(var(--radius) + 2px);padding:1rem 2rem;font-size:1rem}.btn-icon{aspect-ratio:1;width:auto;padding:.75rem}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.btn-group .btn:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.btn-group .btn:not(:last-child){border-right:none}.input{background-color:var(--input);border:2px solid var(--border);border-radius:var(--radius);width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;transition:all .2s ease-in-out}.input:focus{border-color:var(--ring);outline:none;box-shadow:0 0 0 3px rgba(0,145,90,.1)}.input::placeholder{color:var(--muted-foreground)}.card{background-color:var(--background);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);padding:1.5rem;transition:box-shadow .2s ease-in-out;box-shadow:0 1px 3px rgba(0,0,0,.1)}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.main-content{min-height:calc(100vh - 80px);padding:2rem}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:60vh;display:flex}.hero-title{color:var(--foreground);background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:max(2.5rem,min(5vw,4rem));font-weight:700}.hero-subtitle{color:var(--muted);max-width:600px;margin:0;font-size:max(1rem,min(2vw,1.25rem));line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}html{scroll-behavior:smooth}*{transition:color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.search-experience-container.scrolled{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:0 0;width:100%;padding:1rem 0;transition:all .6s;position:fixed;top:0}.search-experience-container{background:var(--background);justify-content:center;padding:2rem 0;transition:all .6s;display:flex}.search-experience-bar{background:#fff;border:1px solid #ddd;border-radius:40px;align-items:center;width:100%;max-width:700px;margin:0 20px;transition:box-shadow .2s;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.1)}.search-experience-bar:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.search-experience-item{cursor:pointer;border-radius:40px;flex-direction:column;flex:1;padding:14px 20px;transition:background-color .2s;display:flex;position:relative}.search-experience-item:hover,.search-experience-item.active{background-color:#f7f7f7}.search-experience-label{color:#222;margin-bottom:2px;font-family:Figtree,sans-serif;font-size:12px;font-weight:600}.search-experience-input{color:#717171;background:0 0;border:none;outline:none;width:100%;font-family:Figtree,sans-serif;font-size:14px}.search-experience-input::placeholder{color:#717171}.search-experience-input:focus{color:#222}.search-experience-divider{background-color:#ddd;width:1px;height:32px;margin:0 4px}.search-experience-button{background:var(--primary);cursor:pointer;color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin:7px;transition:background-color .2s;display:flex}.search-experience-button:hover{background:var(--primary-hover)}.search-experience-button:focus{outline:2px solid var(--ring);outline-offset:2px}.search-suggestions{z-index:1000;background:#fff;border:1px solid #ddd;border-radius:12px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 28px rgba(0,0,0,.28)}.search-suggestion-item{cursor:pointer;color:#222;align-items:center;gap:12px;padding:12px 16px;font-family:Figtree,sans-serif;font-size:14px;transition:background-color .2s;display:flex}.search-suggestion-item:hover{background-color:#f7f7f7}.search-suggestion-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.search-suggestion-item:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.suggestion-icon{color:#717171;flex-shrink:0}@media (max-width:950px){.search-experience-bar{max-width:400px}.search-experience-item{padding:10px 16px}}@media (max-width:744px){.search-experience-container{padding:1rem}.search-experience-bar{border-radius:16px;flex-direction:column;max-width:100%;margin:0}.search-experience-item{border-bottom:1px solid #ebebeb;border-radius:16px;width:100%;padding:16px 20px}.search-experience-item:last-of-type{border-bottom:none}.search-experience-divider{display:none}.search-experience-button{width:40px;height:40px;margin:16px auto}}.start-search-button{cursor:pointer;color:#222;text-align:left;background:#fff;border:1px solid #ddd;border-radius:40px;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;max-width:350px;margin:20px auto;padding:16px 30px 16px 24px;font-size:16px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.1)}.search-button-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.start-search-button:hover{border-color:#222;box-shadow:0 4px 8px rgba(0,0,0,.15)}.start-search-button svg{color:#717171}.mobile-search-close{cursor:pointer;color:#717171;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.9);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.mobile-search-close:hover{color:#222;background:#fff}@media (max-width:768px){.search-experience-bar{margin-top:0;position:relative}.search-experience-container{padding:0 20px}}.experience-list-container{max-width:1760px;margin:0 auto;padding:2rem 40px}.experience-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin-top:1rem;display:grid}.experience-card-hm{cursor:pointer;background:#fff;border:1px solid transparent;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.experience-card-hm .experience-image-container{border-radius:26px;width:100%;height:182px;position:relative;overflow:hidden}.experience-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.experience-card-hm:hover .experience-image{transform:scale(1.05)}.experience-heart{cursor:pointer;color:#222;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(255,255,255,.9);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.experience-heart:hover{background:#fff;transform:scale(1.1)}.experience-heart.favorited{color:#ff385c;background:#fff}.experience-content{padding:16px 0}.experience-title{color:#222;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-family:Figtree,sans-serif;font-size:16px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.experience-details{align-items:center;gap:8px;margin-bottom:8px;display:flex}.experience-duration{color:#717171;font-family:Figtree,sans-serif;font-size:14px}.experience-rating{align-items:center;gap:4px;margin-left:auto;display:flex}.star-icon{color:#ff385c}.rating-score{color:#222;font-family:Figtree,sans-serif;font-size:14px;font-weight:600}.location-text{color:#717171;font-family:Figtree,sans-serif;font-size:14px}.experience-price{align-items:baseline;gap:4px;display:flex}.price-amount-experience{color:#474747;font-family:Figtree,sans-serif;font-size:12px;font-weight:300}.price-person{color:#717171;font-family:Figtree,sans-serif;font-size:14px}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite skeleton-loading;display:inline-block}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f6f7f8 25%,#edeef1 50%,#f6f7f8 75%) 0 0/200% 100%;animation:2s infinite skeleton-shimmer;position:relative;overflow:hidden}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-image{background:#f0f0f0;border-radius:12px}.skeleton-text{background:#f0f0f0;border-radius:4px;height:16px;margin-bottom:8px}.skeleton-title{width:80%;height:20px}.skeleton-details{width:60%;height:16px}.skeleton-price{width:40%;height:18px}.skeleton-group .skeleton:first-child{animation-delay:0s}.skeleton-group .skeleton:nth-child(2){animation-delay:.1s}.skeleton-group .skeleton:nth-child(3){animation-delay:.2s}.skeleton-group .skeleton:nth-child(4){animation-delay:.3s}.skeleton-group .skeleton:nth-child(5){animation-delay:.4s}.skeleton-group .skeleton:nth-child(6){animation-delay:.5s}.skeleton-fade-in{animation:.5s ease-in-out skeleton-fade-in}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.skeleton,.skeleton-shimmer{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%) 0 0/200% 100%}}@media (prefers-reduced-motion:reduce){.skeleton,.skeleton-shimmer{background:#f0f0f0;animation:none}@media (prefers-color-scheme:dark){.skeleton,.skeleton-shimmer{background:#2a2a2a}}}.search-indicator{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.95);border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;padding:1rem;position:-webkit-sticky;position:sticky;top:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.search-indicator-content{color:#6b7280;justify-content:center;align-items:center;gap:.75rem;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;display:flex}.search-spinner{border:2px solid #e5e7eb;border-top:2px solid var(--primary);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.experience-grid.searching{transition:opacity .3s}.error-message,.no-experiences{text-align:center;color:#717171;padding:3rem 2rem}.error-message p,.no-experiences p{margin-bottom:1rem;font-family:Figtree,sans-serif;font-size:16px}.error-message button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;transition:background-color .2s}.error-message button:hover{background:var(--primary-hover)}@media (max-width:1128px){.experience-list-container{padding:2rem 24px}.experience-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.search-indicator{margin:0 0 1rem;padding:.75rem}.search-indicator-content{font-size:13px}}@media (max-width:950px){.experience-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.experience-image-container{height:180px}}@media (max-width:744px){.experience-list-container{padding:1rem 16px}.experience-grid{grid-template-columns:1fr;gap:24px}.experience-card{max-width:100%}.experience-image-container{height:280px}.search-experience-container.scrolled{z-index:5;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:0 0;width:100%;padding:1rem 0;transition:all .6s;position:fixed;top:0}}@media (max-width:550px){.experience-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.experience-image-container{height:200px}}@media (max-width:768px){.main-content{padding:1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:280px}}