:root{--color-background:0 0% 100%;--color-foreground:222.2 84% 4.9%;--color-card:0 0% 100%;--color-card-foreground:222.2 84% 4.9%;--color-primary:142 76% 36%;--color-primary-foreground:0 0% 100%;--color-secondary:24 70% 50%;--color-secondary-foreground:0 0% 100%;--color-accent:55 100% 50%;--color-accent-foreground:222.2 84% 4.9%;--color-muted:210 40% 96%;--color-muted-foreground:215.4 16.3% 46.9%;--color-border:214.3 31.8% 91.4%;--color-input:214.3 31.8% 91.4%;--color-ring:142 76% 36%;--color-success:142 76% 36%;--color-warning:38 92% 50%;--color-error:0 84% 60%;--color-info:199 89% 48%;--color-skill-beginner:142 71% 45%;--color-skill-intermediate:217 91% 60%;--color-skill-advanced:38 92% 50%;--color-skill-expert:271 91% 65%;--color-surface-hard:217 91% 53%;--color-surface-clay:24 90% 48%;--color-surface-grass:142 76% 36%;--color-surface-indoor:271 81% 56%;--color-whatsapp:142 70% 49%;--color-facebook:221 44% 53%;--color-twitter:203 89% 53%;--color-favorite:0 84% 60%;--color-doubles-partner:38 92% 50%;--color-active-now:142 76% 36%;--color-on-media:0 0% 100%;--color-on-media-positive:142 76% 56%;--color-on-media-negative:0 84% 60%;--color-on-media-caution:39 100% 50%;--color-scrim:0 0% 0%;--color-team-blue:217 91% 60%;--color-team-orange:25 95% 53%;--color-player-one:142 71% 45%;--color-player-two:25 95% 53%;--color-plan-pro:217 91% 60%;--color-plan-premium:258 90% 66%;--color-plan-business:38 92% 50%;--color-ai-insight:280 68% 60%;--color-weather-rain:210 80% 60%;--color-weather-storm:239 84% 67%;--color-weather-snow:213 94% 78%;--color-sport-tennis:122 39% 49%;--color-sport-pickleball:88 50% 53%;--color-sport-padel:207 90% 54%;--color-sport-table-tennis:36 100% 50%;--color-sport-badminton:291 64% 42%;--color-sport-squash:4 90% 58%;--color-sport-racquetball:187 100% 42%;--color-cta-start-lobby:260 60% 55%;--color-cta-find-player:210 70% 50%;--color-cta-post-pickup:25 85% 55%;--color-cta-browse-lobbies:170 60% 42%;--color-cta-log-practice:145 55% 42%;--color-cta-log-past-match:340 65% 50%;--color-cta-review-court:40 85% 50%;--color-cta-join-league:280 55% 50%;--color-cta-invite-friend:200 65% 50%;--color-cta-share-profile:320 55% 50%;--color-cta-join-group:190 60% 45%;--color-cta-browse-players:230 55% 55%;--color-cta-photo-court:10 70% 55%;--color-cta-browse-courts:160 50% 45%;--color-point-net:270 95% 75%;--color-point-return:188 86% 53%;--color-brand-google:217 89% 61%;--color-brand-microsoft:199 100% 47%;--color-brand-outlook:206 100% 42%;--color-brand-facebook:214 89% 52%;--color-review-accent:239 84% 67%;--color-review-panel:240 21% 15%;--color-review-panel-border:0 0% 27%;--phone-bezel:0 0% 0%;--phone-screen:0 0% 10%;--color-map-geometry:#1a1a2e;--color-map-label:#8b8fa3;--color-map-road:#2a2a4a;--color-map-road-label:#6b6f85;--color-map-water:#0e1a2b;--color-map-transit:#4a5568;--color-map-park:#1a2e1a;--color-pin-court:#22c55e;--color-pin-user:#3b82f6;--color-pin-stroke:#ffffff;--radius:0.5rem;--gradient-primary:linear-gradient(135deg,hsl(142 76% 36%),hsl(160 70% 40%));--gradient-hero:linear-gradient(180deg,hsla(142,76%,36%,0.08),transparent);--gradient-hero-radial:radial-gradient(ellipse at 50% 30%,hsla(142,76%,36%,0.1) 0%,transparent 70%);--gradient-card-hover:linear-gradient(180deg,transparent,hsla(142,76%,36%,0.03));--gradient-button:linear-gradient(135deg,hsl(142 76% 38%),hsl(160 70% 42%));--gradient-button-hover:linear-gradient(135deg,hsl(142 76% 42%),hsl(160 70% 46%));--shadow-card:0 1px 3px hsla(0,0%,0%,0.06),0 1px 2px hsla(0,0%,0%,0.04);--shadow-card-hover:0 10px 30px hsla(0,0%,0%,0.1),0 4px 10px hsla(0,0%,0%,0.06);--shadow-elevated:0 4px 12px hsla(0,0%,0%,0.08);--shadow-glow-primary:0 0 20px hsla(142,76%,36%,0.25);--shadow-cta-primary:0 8px 22px hsla(142,76%,36%,0.4);--shadow-cta-primary-hover:0 12px 28px hsla(142,76%,36%,0.5);--shadow-cta-primary-sm:0 6px 18px hsla(142,76%,36%,0.35);--shadow-cta-primary-sm-hover:0 10px 24px hsla(142,76%,36%,0.45);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:600ms;--duration-entrance:500ms;--easing-entrance:cubic-bezier(0.16,1,0.3,1);--easing-hover:cubic-bezier(0.33,1,0.68,1);--gradient-text-primary:linear-gradient(135deg,hsl(142 76% 36%),hsl(160 80% 48%));--gradient-cta-bg:linear-gradient(135deg,hsl(142 76% 34%),hsl(170 60% 32%) 50%,hsl(142 76% 30%));--glass-blur:12px;--glass-bg:hsla(0,0%,100%,0.05);--glass-border:1px solid hsla(0,0%,100%,0.08);--phone-radius:40px;--phone-border-width:6px;--phone-shadow:0 20px 60px hsla(0,0%,0%,0.15);--stagger-sm:80ms;--stagger-md:120ms;--stagger-lg:180ms}.dark{--color-background:222.2 84% 4.9%;--color-foreground:210 40% 98%;--color-card:222.2 84% 7%;--color-card-foreground:210 40% 98%;--color-primary:142 70% 45%;--color-primary-foreground:0 0% 100%;--color-secondary:24 70% 40%;--color-secondary-foreground:0 0% 100%;--color-accent:55 100% 45%;--color-accent-foreground:222.2 84% 4.9%;--color-muted:217.2 32.6% 17.5%;--color-muted-foreground:215 20.2% 65.1%;--color-border:217.2 32.6% 17.5%;--color-input:217.2 32.6% 17.5%;--color-ring:142 70% 45%;--color-success:142 70% 45%;--color-warning:38 92% 50%;--color-error:0 72% 51%;--color-info:199 89% 48%;--color-skill-beginner:142 71% 45%;--color-skill-intermediate:217 91% 60%;--color-skill-advanced:38 92% 50%;--color-skill-expert:271 91% 65%;--color-surface-hard:217 91% 53%;--color-surface-clay:24 90% 48%;--color-surface-grass:142 76% 40%;--color-surface-indoor:271 81% 56%;--color-whatsapp:142 70% 49%;--color-facebook:221 44% 53%;--color-twitter:203 89% 53%;--color-favorite:0 72% 51%;--color-doubles-partner:38 92% 50%;--color-active-now:142 70% 45%;--gradient-primary:linear-gradient(135deg,hsl(142 76% 36%),hsl(160 70% 40%));--gradient-hero:linear-gradient(180deg,hsla(142,70%,45%,0.12),transparent);--gradient-hero-radial:radial-gradient(ellipse at 50% 30%,hsla(142,70%,45%,0.18) 0%,transparent 70%);--gradient-card-hover:linear-gradient(180deg,transparent,hsla(142,70%,45%,0.06));--gradient-button:linear-gradient(135deg,hsl(142 76% 32%),hsl(160 70% 36%));--gradient-button-hover:linear-gradient(135deg,hsl(142 76% 38%),hsl(160 70% 42%));--shadow-card:0 1px 3px hsla(0,0%,0%,0.25),0 1px 2px hsla(0,0%,0%,0.2);--shadow-card-hover:0 10px 30px hsla(0,0%,0%,0.35),0 4px 10px hsla(0,0%,0%,0.25);--shadow-elevated:0 4px 12px hsla(0,0%,0%,0.25);--shadow-glow-primary:0 0 25px hsla(142,70%,45%,0.35);--shadow-cta-primary:0 8px 22px hsla(142,70%,45%,0.22);--shadow-cta-primary-hover:0 12px 28px hsla(142,70%,45%,0.3);--shadow-cta-primary-sm:0 6px 18px hsla(142,70%,45%,0.2);--shadow-cta-primary-sm-hover:0 10px 24px hsla(142,70%,45%,0.26);--gradient-text-primary:linear-gradient(135deg,hsl(142 70% 45%),hsl(160 80% 55%));--gradient-cta-bg:linear-gradient(135deg,hsl(142 76% 36%),hsl(170 60% 35%) 50%,hsl(142 76% 32%));--glass-bg:hsla(222,84%,8%,0.6);--glass-border:1px solid hsla(210,40%,98%,0.08);--phone-shadow:0 20px 60px hsla(0,0%,0%,0.4)}