:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-deep: #070a08;--bg-surface: #0e1410;--bg-card: rgba(18, 25, 20, .75);--bg-card-hover: rgba(26, 36, 29, .85);--bg-input: rgba(12, 18, 14, .8);--primary: #22c55e;--primary-glow: rgba(34, 197, 94, .35);--primary-light: #4ade80;--primary-dark: #15803d;--accent-cyan: #06b6d4;--accent-gold: #f59e0b;--accent-purple: #a855f7;--danger: #ef4444;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(34, 197, 94, .3);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 9999px;--shadow-card: 0 12px 36px -8px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px rgba(34, 197, 94, .25);--shadow-glow-cyan: 0 0 25px rgba(6, 182, 212, .25);--shadow-glow-gold: 0 0 25px rgba(245, 158, 11, .25);--transition-fast: .2s cubic-bezier(.16, 1, .3, 1);--transition-normal: .35s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .5s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;width:100%;max-width:100vw;overflow-x:hidden;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-deep);color:var(--text-primary);line-height:1.6;width:100%;max-width:100vw;overflow-x:hidden;position:relative;background-image:radial-gradient(ellipse at top center,rgba(34,197,94,.12) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.08) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(245,158,11,.05) 0%,transparent 50%),linear-gradient(180deg,#070a08,#0a0f0c);background-attachment:fixed;min-height:100vh}#root,.matchconnect-promo-app{width:100%;max-width:100vw;overflow-x:hidden;position:relative}img,svg,video,canvas{max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.2}.mono{font-family:var(--font-mono)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.glass-panel:hover{border-color:#ffffff26}.glass-card{background:#141c16a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-normal)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--primary-glow);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.neon-gradient-text{background:linear-gradient(135deg,#fff,#4ade80 60%,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cyan-gradient-text{background:linear-gradient(135deg,#fff,#38bdf8 60%,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gold-gradient-text{background:linear-gradient(135deg,#fff,#fbbf24 60%,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-heading);font-size:.95rem;font-weight:600;padding:12px 24px;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;border:none;outline:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#051408;font-weight:700;box-shadow:0 4px 20px #22c55e66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #22c55e99;background:linear-gradient(135deg,#4ade80,#22c55e)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-cyan{background:linear-gradient(135deg,#06b6d4,#0284c7);color:#021a24;font-weight:700;box-shadow:0 4px 20px #06b6d466}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 6px 28px #06b6d499}.badge-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#4ade80}.badge-pill-cyan{background:#06b6d41f;border-color:#06b6d44d;color:#38bdf8}.badge-pill-gold{background:#f59e0b1f;border-color:#f59e0b4d;color:#fbbf24}.badge-pill-purple{background:#a855f71f;border-color:#a855f74d;color:#c084fc}.badge-pill-pink{background:#ec48991f;border-color:#ec48994d;color:#f472b6}.live-dot{width:8px;height:8px;border-radius:50%;background-color:var(--primary);box-shadow:0 0 10px var(--primary);animation:pulseDot 1.8s infinite}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.section-wrapper{padding:100px 0;position:relative}.section-header{text-align:center;max-width:760px;margin:0 auto 56px}.section-header .section-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-top:14px}.stadium-glow-backdrop{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;pointer-events:none;overflow:hidden;z-index:0}.light-cone-left{position:absolute;top:-20%;left:10%;width:400px;height:700px;background:radial-gradient(ellipse at top,rgba(34,197,94,.15) 0%,transparent 70%);filter:blur(50px);transform:rotate(-25deg)}.light-cone-right{position:absolute;top:-20%;right:10%;width:400px;height:700px;background:radial-gradient(ellipse at top,rgba(6,182,212,.12) 0%,transparent 70%);filter:blur(50px);transform:rotate(25deg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#090c0a}::-webkit-scrollbar-thumb{background:#1f2a21;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2b3d2f}@media(max-width:900px){.section-wrapper{padding:70px 0}.section-header{margin-bottom:40px}}@media(max-width:768px){.section-wrapper{padding:44px 0}.section-header{margin-bottom:24px}.section-header .section-subtitle{font-size:.92rem;margin-top:8px;line-height:1.5}.container{padding:0 16px;width:100%;max-width:100vw}.glass-panel{padding:22px 14px!important;border-radius:var(--radius-md)}.glass-card{padding:18px 14px!important;border-radius:var(--radius-sm)}.btn{padding:12px 18px;font-size:.88rem;min-height:44px}}@media(max-width:480px){.section-wrapper{padding:36px 0}.container{padding:0 12px}.glass-panel{padding:16px 12px!important;border-radius:14px}.glass-card{padding:14px 10px!important}.badge-pill{font-size:.7rem;padding:4px 8px;letter-spacing:.03em}.btn{width:100%;justify-content:center}input,select,textarea{font-size:16px!important}}@media(max-width:360px){.container{padding:0 8px!important}.glass-panel{padding:14px 8px!important}.glass-card{padding:12px 8px!important}.badge-pill{font-size:.65rem!important;padding:3px 6px!important}h1{font-size:1.7rem!important}h2{font-size:1.4rem!important}h3{font-size:1.15rem!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.theme-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.theme-card:hover{transform:translateY(-2px)}.slides-deck-wrapper{position:relative;width:100%}.slides-viewport{width:100%;overflow:hidden;border-radius:var(--radius-lg);position:relative;touch-action:pan-y pinch-zoom}.slides-track{display:flex;width:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}.slide-slide-item{min-width:100%;max-width:100%;flex-shrink:0;transition:opacity .4s ease,transform .4s ease}.floating-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:25;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0a0f0cd9;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px #0009;transition:all .25s cubic-bezier(.16,1,.3,1)}.floating-nav-arrow:hover{transform:translateY(-50%) scale(1.1);background:#141e18f2;border-color:var(--primary);box-shadow:0 12px 36px #22c55e4d}.floating-nav-arrow.arrow-prev{left:-26px}.floating-nav-arrow.arrow-next{right:-26px}.slide-control-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.slide-control-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.slide-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:#0e141099;color:var(--text-secondary);transition:all .25s ease}.slide-chip:hover{background:#ffffff0f;color:#fff;border-color:#fff3}.slide-chip.active{color:#fff;background:#ffffff14;box-shadow:0 4px 20px #0006}.slide-timer-progress{height:3px;border-radius:2px;transition:width .1s linear}@media(max-width:1024px){.floating-nav-arrow.arrow-prev{left:8px}.floating-nav-arrow.arrow-next{right:8px}}@media(max-width:768px){.floating-nav-arrow{display:none}}.theme-switcher-bar{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:32px;position:sticky;top:80px;z-index:90;padding:10px 16px;border-radius:9999px;background:#070a08e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);max-width:920px;margin-left:auto;margin-right:auto;box-shadow:0 10px 30px #0009;transition:all .3s ease}@media(max-width:768px){.theme-switcher-bar{top:60px!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:8px 12px!important;border-radius:16px!important;margin-bottom:20px!important;width:100%!important}.theme-switcher-bar::-webkit-scrollbar{display:none}.theme-switcher-bar button{flex-shrink:0!important;white-space:nowrap!important;font-size:.8rem!important;padding:6px 14px!important}}.slide-controls-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 20px;border-radius:16px;background:#0c120eb3;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(max-width:768px){.slide-controls-bar{padding:10px 12px!important;gap:8px!important;border-radius:12px!important}.slide-controls-info{width:100%!important;justify-content:space-between!important;gap:8px!important}.slide-controls-actions{width:100%!important;justify-content:space-between!important;gap:6px!important}.slide-controls-actions .slide-control-btn{padding:7px 10px!important;font-size:.76rem!important}}.card-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-bottom:28px;position:relative;z-index:1}.card-pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;position:relative;z-index:1}.theme-hero-box{border-radius:0 16px 16px 0;padding:24px 28px;margin-bottom:28px;position:relative;z-index:1}@media(max-width:640px){.card-comparison-grid,.card-pillars-grid{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:20px!important}.theme-hero-box{padding:16px 14px!important;margin-bottom:18px!important;border-radius:0 12px 12px 0!important}}.footer-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);max-width:850px;margin:0 auto}@media(max-width:540px){.footer-metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}#themes,#find-match,#book-umpire,#book-ground,#tournaments,#live-score,#feedback,#faq{scroll-margin-top:86px}@media(max-width:768px){#themes,#find-match,#book-umpire,#book-ground,#tournaments,#live-score,#feedback,#faq{scroll-margin-top:66px}}