@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary: #10b981;--color-primary-dark: #059669;--color-text-main: #1e293b;--color-text-muted: #64748b}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}.premium-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,border-color .3s ease,background-color .3s ease}.dark .premium-card{background:#1e293b;border-color:#334155}.premium-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#cbd5e1}.dark .premium-card:hover{border-color:#475569;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.search-soft-square{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #10b981;border-radius:1rem;box-shadow:0 20px 40px -10px #10b98140;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between}.dark .search-soft-square{background:#1e293bf2;border-color:#059669}.search-soft-square:hover{box-shadow:0 25px 50px -12px #10b98159;transform:translateY(-2px);border-color:#059669}.search-compact-expanded{background:#fff;border:2px solid #10b981;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;flex-direction:column;align-items:stretch}.dark .search-compact-expanded{background:#1e293b;border-color:#059669}.compact-divider{width:1px;height:28px;background-color:#cbd5e1;margin:0 .5rem}.dark .compact-divider{background-color:#475569}.compact-input{border:none;background:transparent;padding:0;font-weight:600;color:#334155;width:100%;text-overflow:ellipsis;height:100%}.dark .compact-input{color:#e2e8f0}.compact-input:focus{outline:none;box-shadow:none}.compact-input::placeholder{color:#94a3b8;font-weight:500}.sticky-search-container{position:fixed!important;top:90px;left:50%;transform:translate(-50%);width:95%;max-width:896px;z-index:40;animation:slideDown .4s cubic-bezier(.16,1,.3,1) forwards}.glass-panel{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.glass-nav{background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.6)}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.5s ease-in-out,transform 8s ease-out;transform:scale(1);z-index:0}.hero-slide.active{opacity:1;transform:scale(1.05);z-index:1}.btn-primary{background-image:linear-gradient(to bottom right,#10b981,#059669);transition:all .3s ease;box-shadow:0 4px 6px -1px #10b98133}.btn-primary:hover{box-shadow:0 10px 15px -3px #10b9814d;transform:translateY(-1px)}.btn-square-search{width:44px;height:44px;border-radius:.75rem;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d}.btn-square-search:hover{background:#059669;transform:scale(1.05);box-shadow:0 6px 15px #10b98166}@keyframes slideDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.animate-progress-bar{animation:widthGrow 2.5s ease-out forwards}@keyframes widthGrow{0%{width:0}to{width:100%}}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9}.dark .custom-scrollbar::-webkit-scrollbar-track{background:#1e293b}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#475569}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.leaflet-container{width:100%;border-radius:.75rem;z-index:10}.leaflet-top,.leaflet-bottom{z-index:400!important}.leaflet-popup-content-wrapper{border-radius:.5rem!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.user-marker-pulse{width:20px;height:20px;background:#10b981;border:3px solid white;border-radius:50%;box-shadow:0 0 #10b98180;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 12px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.distance-badge-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.user-pulse-marker{position:relative;width:24px;height:24px}.user-pulse-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#3b82f6;border:3px solid white;border-radius:50%;box-shadow:0 2px 6px #3b82f680;z-index:2}.user-pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:#3b82f640;animation:user-pulse-expand 2s cubic-bezier(.4,0,.6,1) infinite;z-index:1}@keyframes user-pulse-expand{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}70%{transform:translate(-50%,-50%) scale(2.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.turf-circle-marker{width:44px;height:44px;border-radius:50%;border:3px solid #10b981;overflow:hidden;box-shadow:0 3px 10px #0003,0 0 0 2px #10b98126;background:#fff;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.turf-circle-marker:hover{transform:scale(1.2);box-shadow:0 6px 20px #10b98159,0 0 0 3px #10b98140}.turf-circle-marker img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.nearby-turf-popup .leaflet-popup-content-wrapper{border-radius:.75rem!important;padding:0!important;overflow:hidden;box-shadow:0 15px 30px -5px #00000026,0 5px 10px -5px #00000014!important}.nearby-turf-popup .leaflet-popup-content{margin:10px!important}.nearby-turf-popup .leaflet-popup-tip{box-shadow:0 2px 6px #0000001a}