.header[data-v-a003bc76]{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000}.header-content[data-v-a003bc76]{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:70px}.logo[data-v-a003bc76]{display:flex;align-items:center;height:50px}.logo img[data-v-a003bc76]{height:50px;cursor:pointer;transition:opacity .2s ease;object-fit:contain;display:block}.logo img[data-v-a003bc76]:hover{opacity:.8}.sports-categories-pill[data-v-a003bc76]{width:fit-content;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;border:2px solid;border-color:#ffffff4d;box-shadow:0 4px 20px #667eea4d;overflow:hidden}.categories-scroll[data-v-a003bc76]{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 12px;height:100%;align-items:center;white-space:nowrap}.categories-scroll[data-v-a003bc76]::-webkit-scrollbar{display:none}.category-item[data-v-a003bc76]{background:#ffffffe6;color:#333;padding:4px 16px;border-radius:25px;font-weight:600;font-size:.9rem;white-space:nowrap;cursor:pointer;transition:all .3s ease;border:2px solid transparent;flex-shrink:0}.category-item[data-v-a003bc76]:hover{background:#fff}.category-item.active[data-v-a003bc76]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d;box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.header-content[data-v-a003bc76]{padding:0 1rem}}.modal-overlay[data-v-2a38e4b2]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal[data-v-2a38e4b2]{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:450px;width:100%;max-height:90vh;overflow-y:auto}.signin-modal[data-v-2a38e4b2]{max-width:450px}.modal-header[data-v-2a38e4b2]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-2a38e4b2]{margin:0;color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold)}.modal-close[data-v-2a38e4b2]{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.modal-close[data-v-2a38e4b2]:hover{background-color:var(--bg-primary);color:var(--text-primary)}.modal-content[data-v-2a38e4b2]{padding:1.5rem}.modal-description[data-v-2a38e4b2]{color:var(--text-secondary);margin-bottom:1.5rem;text-align:center;line-height:1.5}.alert[data-v-2a38e4b2]{padding:.75rem;border-radius:var(--border-radius-md);margin-bottom:1rem;font-size:.875rem}.alert-error[data-v-2a38e4b2]{background-color:#dc35451a;border:1px solid rgba(220,53,69,.2);color:#dc3545}.signin-options[data-v-2a38e4b2]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.btn[data-v-2a38e4b2]{padding:.75rem 1rem;border:none;border-radius:var(--border-radius-md);font-size:1rem;font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px}.btn[data-v-2a38e4b2]:disabled{opacity:.6;cursor:not-allowed}.btn-google[data-v-2a38e4b2]{background-color:#4285f4;color:#fff}.btn-google[data-v-2a38e4b2]:hover:not(:disabled){background-color:#3367d6}.btn-facebook[data-v-2a38e4b2]{background-color:#1877f2;color:#fff}.btn-facebook[data-v-2a38e4b2]:hover:not(:disabled){background-color:#166fe5}.google-icon[data-v-2a38e4b2]{background-color:#fff;color:#4285f4;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.facebook-icon[data-v-2a38e4b2]{background-color:#fff;color:#1877f2;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.modal-footer[data-v-2a38e4b2]{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.text-center[data-v-2a38e4b2]{text-align:center}.text-center small[data-v-2a38e4b2]{color:var(--text-tertiary);font-size:.75rem;line-height:1.4}.auth-tabs[data-v-2a38e4b2]{display:flex;gap:1rem;margin-bottom:1.5rem;position:relative}.auth-tabs[data-v-2a38e4b2]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--border-color)}.tab-btn[data-v-2a38e4b2]{padding:.75rem 1rem;border:none;background:none;font-size:1rem;font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;color:var(--text-secondary);position:relative;z-index:1}.tab-btn.active[data-v-2a38e4b2]{color:var(--primary-color)}.tab-btn.active[data-v-2a38e4b2]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary-color);z-index:2}.tab-btn[data-v-2a38e4b2]:hover:not(.active){color:var(--text-primary)}.email-form[data-v-2a38e4b2]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-2a38e4b2]{display:flex;flex-direction:column}.form-label[data-v-2a38e4b2]{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:var(--font-medium)}.form-control[data-v-2a38e4b2]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:1rem;color:var(--text-primary);background-color:var(--bg-input);transition:all .2s ease}.form-control[data-v-2a38e4b2]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2);outline:none}.form-control[data-v-2a38e4b2]:disabled{opacity:.6;cursor:not-allowed}.divider[data-v-2a38e4b2]{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-tertiary);font-size:.875rem}.divider[data-v-2a38e4b2]:before,.divider[data-v-2a38e4b2]:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider span[data-v-2a38e4b2]{padding:0 .5rem}@media (max-width: 480px){.modal[data-v-2a38e4b2]{margin:.5rem;max-height:calc(100vh - 1rem)}.modal-header[data-v-2a38e4b2],.modal-content[data-v-2a38e4b2]{padding:1rem}.btn[data-v-2a38e4b2]{font-size:.875rem;padding:.625rem .875rem}}.btn-primary[data-v-2a38e4b2]{background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-radius-md);padding:.75rem 1rem;font-weight:var(--font-semibold);font-family:var(--font-family-primary);cursor:pointer;transition:background-color .2s ease}.btn-primary[data-v-2a38e4b2]:hover:not(:disabled){background-color:var(--primary-color-light)}.btn-primary[data-v-2a38e4b2]:active{background-color:var(--primary-color-dark)}.btn-primary[data-v-2a38e4b2]:disabled{opacity:.6;cursor:not-allowed}.w-full[data-v-2a38e4b2]{width:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}#app{min-height:100vh}.main-content{padding-top:1rem}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1rem 0;margin-top:2rem}.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center;display:flex;flex-direction:column;gap:5px}.footer-link{color:var(--text-primary);text-decoration:none;font-weight:500;transition:opacity .2s ease}.footer-link:hover{opacity:.8}.footer-actions{margin-bottom:1rem}.footer-btn{color:var(--text-primary);text-decoration:none;font-weight:500;transition:opacity .2s ease;background:none;border:none;cursor:pointer;font-size:inherit;padding:0}.footer-btn:hover{opacity:.8}:root{--primary-red: #DC143C;--primary-red-light: #FF1744;--primary-red-dark: #B71C1C;--primary-blue: #1E3A8A;--primary-blue-light: #3B82F6;--primary-blue-dark: #1E40AF;--white: #FFFFFF;--white-off: #F8FAFC;--white-gray: #F1F5F9;--bg-primary: var(--white-off);--bg-secondary: var(--white);--bg-tertiary: var(--gray-50);--accent-gold: #FFD700;--accent-silver: #C0C0C0;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--success: #10B981;--success-light: #34D399;--success-dark: #059669;--success-color: #10B981;--success-color-light: #D1FAE5;--success-color-dark: #065F46;--warning: #F59E0B;--warning-light: #FBBF24;--warning-dark: #D97706;--error: #EF4444;--error-light: #F87171;--error-dark: #DC2626;--error-color: #EF4444;--info: #3B82F6;--info-light: #60A5FA;--info-dark: #2563EB;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Monaco", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--border-radius-sm: .125rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-color: var(--gray-200);--primary-color: var(--primary-red);--primary-color-light: var(--primary-red-light);--primary-color-dark: var(--primary-red-dark);--primary-color-rgb: 220, 20, 60;--danger-color: var(--error);--danger-color-dark: var(--error-dark);--bg-input: var(--white);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--category-physical: #DC143C;--category-mental: #1E3A8A;--category-social: #FFD700;--category-creative: #9C27B0;--category-learning: #607D8B;--category-relaxation: #4CAF50}[data-theme=dark]{--white: #1F2937;--white-off: #111827;--white-gray: #374151;--gray-50: #111827;--gray-100: #1F2937;--gray-200: #374151;--gray-300: #4B5563;--gray-400: #6B7280;--gray-500: #9CA3AF;--gray-600: #D1D5DB;--gray-700: #E5E7EB;--gray-800: #F3F4F6;--gray-900: #F9FAFB}.btn-primary{background-color:var(--primary-red);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-weight:var(--font-semibold);font-family:var(--font-family-primary);cursor:pointer;transition:background-color .2s ease}.btn-primary:hover{background-color:var(--primary-red-light)}.btn-primary:active{background-color:var(--primary-red-dark)}.btn-secondary{background-color:var(--primary-blue);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-weight:var(--font-semibold);font-family:var(--font-family-primary);cursor:pointer;transition:background-color .2s ease}.btn-secondary:hover{background-color:var(--primary-blue-light)}.btn-secondary:active{background-color:var(--primary-blue-dark)}.card{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:var(--space-6);border:1px solid var(--gray-200)}.input{border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background-color:var(--white);color:var(--gray-900);font-family:var(--font-family-primary);transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.text-primary{color:var(--gray-900)}.text-secondary{color:var(--gray-600)}.text-muted{color:var(--gray-500)}.text-inverted{color:var(--white)}.bg-primary{background-color:var(--white-off)}.bg-secondary,.bg-card{background-color:var(--white)}