:root{--color-primary: #b8f53d;--color-primary-hover: #d4ff6a;--color-primary-pressed: #9ed62a;--color-primary-muted: rgba(184, 245, 61, .14);--color-primary-soft: rgba(184, 245, 61, .22);--color-neon: #3ef0ff;--color-neon-soft: rgba(62, 240, 255, .16);--color-neon-hot: #ff3d9a;--color-secondary: #ff8a3d;--color-secondary-hover: #ffa05c;--color-secondary-muted: rgba(255, 138, 61, .16);--color-bg-primary: #04060a;--color-bg-secondary: #080c14;--color-bg-elevated: rgba(18, 24, 36, .72);--color-bg-card: rgba(16, 22, 34, .78);--color-bg-card-hover: rgba(28, 38, 54, .88);--color-bg-input: rgba(8, 12, 20, .9);--color-bg-overlay: rgba(2, 4, 8, .78);--color-bg-glass: rgba(12, 18, 28, .55);--color-bg-inset: rgba(8, 12, 20, .55);--color-bg-inset-alt: rgba(18, 28, 42, .55);--color-bg-sidebar: linear-gradient( 180deg, rgba(8, 14, 22, .92), rgba(4, 6, 10, .98) );--color-link-soft: #9ec8ff;--color-check-inset: #0a1004;--color-border: rgba(62, 240, 255, .12);--color-border-strong: rgba(184, 245, 61, .28);--color-border-focus: var(--color-neon);--color-text-primary: #eef3f8;--color-text-secondary: #9aabc0;--color-text-muted: #6a7a90;--color-text-inverse: #05070c;--color-text-on-primary: #0a1004;--color-success: #3ee08f;--color-success-muted: rgba(62, 224, 143, .14);--color-warning: #f5c14a;--color-warning-muted: rgba(245, 193, 74, .14);--color-error: #ff5c6c;--color-error-muted: rgba(255, 92, 108, .14);--color-live: #ff2d55;--color-info: #3ef0ff;--gradient-hero: linear-gradient( 135deg, #050a12 0%, #0a1a22 40%, #121008 100% );--gradient-primary: linear-gradient(135deg, #b8f53d 0%, #3ef0ff 100%);--gradient-secondary: linear-gradient(135deg, #ff8a3d 0%, #ff3d9a 100%);--gradient-surface: linear-gradient( 160deg, rgba(22, 32, 48, .9) 0%, rgba(10, 14, 22, .95) 100% );--gradient-live: linear-gradient(90deg, rgba(255, 45, 85, .28), transparent);--gradient-auth: linear-gradient(160deg, #050a10 0%, #0c1620 50%, #14100a 100%);--gradient-glow: radial-gradient( ellipse 80% 50% at 15% 0%, rgba(62, 240, 255, .18), transparent 55% );--gradient-mesh: radial-gradient( circle at 85% 10%, rgba(184, 245, 61, .08), transparent 40% ), radial-gradient(circle at 10% 80%, rgba(62, 240, 255, .1), transparent 45%), var(--color-bg-primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 12px 32px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 56px rgba(0, 0, 0, .55);--shadow-glow: 0 0 32px rgba(184, 245, 61, .22), 0 0 64px rgba(62, 240, 255, .1);--shadow-focus: 0 0 0 2px rgba(62, 240, 255, .45);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 28px;--radius-full: 999px;--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;--header-height: 4.25rem;--sidebar-width: 17.5rem;--betslip-width: 22rem;--mobile-nav-height: 4.25rem;--container-max: 90rem;--font-display: "Orbitron", "Segoe UI", sans-serif;--font-sans: "Rajdhani", "Segoe UI", system-ui, sans-serif;--font-numeric: "Orbitron", "Segoe UI", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.2rem;--fs-xl: 1.5rem;--fs-2xl: 1.85rem;--fs-3xl: 2.4rem;--fs-4xl: 3.1rem;--lh-tight: 1.15;--lh-body: 1.45;--fw-regular: 500;--fw-medium: 600;--fw-semibold: 650;--fw-bold: 700;--bp-sm: 30rem;--bp-md: 48rem;--bp-lg: 64rem;--bp-xl: 80rem;--bp-2xl: 90rem;--transition-fast: .16s cubic-bezier(.22, 1, .36, 1);--transition-base: .24s cubic-bezier(.22, 1, .36, 1);--z-header: 40;--z-sidebar: 30;--z-slip: 50;--z-overlay: 60;--z-modal: 70}html[data-theme=light]{--color-primary: #5a9e12;--color-primary-hover: #6bb81a;--color-primary-pressed: #4a8610;--color-primary-muted: rgba(90, 158, 18, .12);--color-primary-soft: rgba(90, 158, 18, .18);--color-neon: #0a8fa8;--color-neon-soft: rgba(10, 143, 168, .12);--color-neon-hot: #c2185b;--color-bg-primary: #f3f6fa;--color-bg-secondary: #e8eef5;--color-bg-elevated: rgba(255, 255, 255, .92);--color-bg-card: #ffffff;--color-bg-card-hover: #f7fafc;--color-bg-input: #ffffff;--color-bg-overlay: rgba(15, 23, 42, .45);--color-bg-glass: rgba(255, 255, 255, .75);--color-bg-inset: #eef2f7;--color-bg-inset-alt: #e4ebf3;--color-bg-sidebar: linear-gradient(180deg, #f7fafc 0%, #eef3f8 100%);--color-link-soft: #0b5cab;--color-check-inset: #ffffff;--color-border: rgba(15, 40, 70, .1);--color-border-strong: rgba(90, 158, 18, .35);--color-border-focus: var(--color-neon);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-inverse: #f8fafc;--color-text-on-primary: #ffffff;--gradient-hero: linear-gradient(135deg, #e8f4ea 0%, #e0f2f7 45%, #f5f0e6 100%);--gradient-primary: linear-gradient(135deg, #7bc41e 0%, #0a8fa8 100%);--gradient-surface: linear-gradient(160deg, #ffffff 0%, #f1f5f9 100%);--gradient-auth: linear-gradient(160deg, #eef6f0 0%, #e8f4f8 50%, #f7f3eb 100%);--gradient-glow: radial-gradient( ellipse 80% 50% at 15% 0%, rgba(10, 143, 168, .12), transparent 55% );--gradient-mesh: radial-gradient( circle at 85% 10%, rgba(90, 158, 18, .08), transparent 40% ), radial-gradient(circle at 10% 80%, rgba(10, 143, 168, .08), transparent 45%), var(--color-bg-primary);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 12px 28px rgba(15, 23, 42, .1);--shadow-lg: 0 24px 48px rgba(15, 23, 42, .12);--shadow-glow: 0 0 24px rgba(90, 158, 18, .15);--shadow-focus: 0 0 0 2px rgba(10, 143, 168, .35)}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-base: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html[data-theme=light] body{color-scheme:light}body{margin:0;color-scheme:dark;font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--color-text-primary);background:var(--gradient-mesh);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:.01em}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em}#root{isolation:isolate}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}::selection{background:var(--color-primary-soft);color:var(--color-text-primary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}