body{margin:0}code{background-color:#ffffff1a;border-radius:4px;color:#ff1744;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px 6px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#ff1744;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d50000}::selection{background:#ff1744;color:#fff}::-moz-selection{background:#ff1744;color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh}.main-content{min-height:calc(100vh - 80px);padding-top:80px}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#ff1744,#d50000);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#d50000,#b71c1c);box-shadow:0 4px 20px #ff17444d;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s ease}.card:hover{background:#ffffff14;box-shadow:0 8px 32px #0000004d;transform:translateY(-4px)}.loading{padding:40px}.spinner{border:4px solid #ffffff1a;border-left-color:#ff1744}.error-message{background:#f443361a;border:1px solid #f443364d;border-radius:8px;color:#ff5252}.error-message,.success-message{margin:20px 0;padding:16px;text-align:center}.success-message{background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;color:#81c784}@media (max-width:768px){.main-content{padding-top:70px}.btn{font-size:13px;padding:10px 20px}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border-bottom:1px solid #ffffff1a;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;height:70px;justify-content:center;margin:0 auto;max-width:1200px}.navbar-brand{align-items:center;color:#ff1744;display:flex;font-size:24px;font-weight:700;gap:10px;text-decoration:none;transition:color .3s ease}.navbar-brand:hover{color:#ff5252}.navbar-menu{display:flex;gap:30px}.navbar-item{border-radius:8px;color:#fff;font-weight:500;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s ease}.navbar-item:hover{background:#ff17441a;color:#ff1744}.navbar-item.active{background:#ff174426;color:#ff1744}.navbar-item.active:after{background:#ff1744;border-radius:50%;bottom:-20px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}@media (max-width:768px){.navbar{padding:0 15px}.navbar-container{height:60px}.navbar-brand{font-size:18px}.navbar-menu{gap:15px}.navbar-item{font-size:14px;padding:8px 15px}}@media (max-width:480px){.navbar-brand{font-size:16px}.navbar-menu{gap:10px}.navbar-item{font-size:13px;padding:6px 12px}}.home{min-height:100vh}.hero-section{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);overflow:hidden;padding:80px 20px;position:relative;text-align:center}.hero-section:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ff17441a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff1744,#ff5252 50%,#ff1744);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900;margin-bottom:20px;text-shadow:0 4px 20px #ff17444d}.hero-subtitle{color:#b0b0b0;font-size:1.3rem;font-weight:300;margin-bottom:25px}.vpn-warning-home{align-items:center;background:#ff98001a;border:1px solid #ff98004d;border-radius:10px;display:flex;gap:12px;margin:0 auto 30px;max-width:500px;padding:12px 20px}.warning-icon{font-size:1.2rem}.warning-text{color:#ffcc80;font-size:.85rem;line-height:1.3}.warning-text strong{color:#ffa726}.hero-stats{display:flex;gap:40px;justify-content:center;margin-bottom:40px}.stat{text-align:center}.stat-number{color:#ff1744;display:block;font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-label{color:#888;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.validation-notice{animation:pulse 1.5s infinite;background:#2196f31a;border:1px solid #2196f34d;border-radius:10px;color:#90caf9;font-size:.9rem;margin:20px auto 0;max-width:300px;padding:12px 20px;text-align:center}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:20px}.hero-cta{font-size:1.1rem;margin:0;padding:16px 32px}.section{padding:60px 20px}.section-title{color:#fff;font-size:2rem}.fallback-message,.section-title{margin-bottom:30px;text-align:center}.fallback-message{color:#b0b0b0;font-size:1rem;font-style:italic}.no-races-today{background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;padding:60px 20px;text-align:center}.no-races-icon{font-size:4rem;margin-bottom:20px}.no-races-today h3{color:#fff;font-size:1.8rem;margin-bottom:15px}.no-races-today p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin:0 auto 30px;max-width:500px}.matches-grid{margin-bottom:30px}.match-card{background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;overflow:hidden;position:relative}.match-card:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 15px 40px #0006;transform:translateY(-8px)}.match-card.live{border-color:#ff1744;box-shadow:0 0 20px #ff17444d}.live-indicator,.upcoming-indicator{padding:5px 12px}.match-card.upcoming{border-color:#2196f3;box-shadow:0 0 20px #2196f333}.match-poster-placeholder{background:linear-gradient(135deg,#ff174433,#0006);height:120px}.f1-icon{color:#fffc;font-size:3rem}.team-badge-placeholder{font-size:.8rem;height:24px;width:24px}.vpn-notice{background:#ff98001a;border-top:1px solid #ff980033;color:#ffcc80;font-size:.75rem;padding:8px 15px;text-align:center}.match-info{padding:20px}.match-title{font-weight:600;margin-bottom:10px}.match-time{color:#b0b0b0;margin-bottom:15px}.teams{align-items:center;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;display:flex;gap:15px;justify-content:center;margin-bottom:20px;padding:15px 0}.team{font-size:.9rem;gap:8px}.team-badge{height:24px;width:24px}.match-actions{align-items:center;display:flex;gap:10px;justify-content:space-between}.sources-count{font-size:.8rem}.features-section{background:#ffffff05;padding:80px 20px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.feature-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:40px 20px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#ffffff14;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{color:#fff;font-size:1.3rem;margin-bottom:15px}.feature-card p{color:#b0b0b0;line-height:1.6}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-stats{gap:20px}.stat-number{font-size:2rem}.features-grid,.matches-grid{gap:20px;grid-template-columns:1fr}.section{padding:40px 15px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-stats{gap:15px}.hero-stats,.teams{flex-direction:column}.teams{gap:10px}.vs{transform:rotate(90deg)}}.cricket-card{border-left:4px solid #4caf50}.cricket-card .match-poster-placeholder.cricket{background:linear-gradient(135deg,#4caf50,#8bc34a)}.cricket-icon{font-size:3rem}.cricket-teams{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:1rem 0}.cricket-teams .team{align-items:center;display:flex;flex:1 1;flex-direction:column}.cricket-teams .score{color:#4caf50;font-size:.9rem;font-weight:700;margin-top:.25rem}.cricket-teams .vs{color:#888;font-size:.9rem;font-weight:700}.match-format{color:#999;font-size:.85rem;margin-bottom:1rem;text-align:center}.tournament-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:12px;font-size:.7rem;padding:.3rem .6rem;position:absolute;right:10px;top:10px}.section-actions{margin-top:2rem;text-align:center}.sport-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.f1-page{min-height:100vh;padding-bottom:40px}.page-header{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-bottom:1px solid #ffffff1a;padding:40px 20px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff1744,#ff5252);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;margin-bottom:10px;text-align:center}.page-subtitle{color:#b0b0b0;font-size:1.1rem;margin-bottom:20px;text-align:center}.vpn-warning{align-items:center;background:#ff98001a;border:1px solid #ff98004d;border-radius:10px;display:flex;gap:15px;margin:20px auto 30px;max-width:600px;padding:15px 20px}.warning-icon{flex-shrink:0;font-size:1.5rem}.warning-content{color:#ffcc80;font-size:.9rem;line-height:1.4}.warning-content strong{color:#ffa726}.filter-tabs{gap:10px}.filter-tab{border:1px solid #fff3;font-weight:500;padding:12px 24px}.filter-tab:hover{background:#ffffff26}.filter-tab.active{background:linear-gradient(135deg,#ff1744,#d50000);border-color:#ff1744;color:#fff}.filter-tab:disabled{cursor:not-allowed;opacity:.6}.validation-notice-f1{animation:pulse 1.5s infinite;background:#2196f31a;border:1px solid #2196f34d;border-radius:10px;color:#90caf9;font-size:.9rem;margin:20px auto 0;max-width:500px;padding:15px 20px;text-align:center}.container{max-width:1200px}.matches-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:40px}.f1-match-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease}.f1-match-card:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 20px 50px #0006;transform:translateY(-8px)}.f1-match-card.live{border-color:#ff1744;box-shadow:0 0 30px #ff174466}.f1-match-card.upcoming{border-color:#2196f3;box-shadow:0 0 30px #2196f34d}.live-indicator{animation:pulse 2s infinite;background:#ff1744;box-shadow:0 2px 10px #ff174480}.live-indicator,.upcoming-indicator{color:#fff;font-size:.8rem;font-weight:700;padding:6px 14px;position:absolute;right:15px;top:15px;z-index:3}.upcoming-indicator{background:#2196f3;border-radius:20px;box-shadow:0 2px 10px #2196f380}.popular-badge{background:#ffa726;border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;left:15px;padding:6px 14px;position:absolute;top:15px;z-index:3}.match-header{background:linear-gradient(135deg,#ff17441a,#0000004d);gap:15px;padding:20px;position:relative}.match-poster-placeholder{align-items:center;background:linear-gradient(135deg,#ff1744,#d50000);border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.f1-icon{color:#fff;font-size:2rem}.match-info{flex:1 1;min-width:0;position:relative;z-index:2}.match-title{word-wrap:break-word;color:#fff;font-size:1.2rem;line-height:1.4;margin-bottom:12px;text-shadow:0 2px 10px #000000b3}.match-meta{flex-direction:column;gap:8px;min-height:50px}.match-time{color:#e0e0e0;font-size:.9rem;font-weight:500}.live-status{color:#ff1744;font-size:.9rem;font-weight:700}.live-status,.upcoming-status{align-items:center;display:flex;gap:5px}.upcoming-status{word-wrap:break-word;color:#2196f3;font-size:.85rem;font-weight:600;line-height:1.3;max-width:100%}.teams-section{border-bottom:1px solid #ffffff1a;padding:20px}.teams-container{align-items:center;display:flex;gap:15px;justify-content:space-between}.team{align-items:center;gap:10px}.team-badge-placeholder{align-items:center;background:linear-gradient(135deg,#333,#666);border:2px solid #fff3;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.team-name{color:#fff;font-size:.95rem;font-weight:600}.vs-divider{align-items:center;background:#ff17441a;border:1px solid #ff1744;border-radius:50%;color:#ff1744;display:flex;font-size:.8rem;font-weight:700;height:40px;justify-content:center;width:40px}.sources-section{padding:20px}.sources-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.sources-header h4{color:#fff;font-size:1rem;margin:0}.toggle-sources{background:none;border:1px solid #ffffff4d;border-radius:15px;color:#ff1744;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .3s ease}.toggle-sources:hover{background:#ff17441a;border-color:#ff1744}.sources-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.source-option{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:10px 15px;text-align:center;transition:all .3s ease}.source-option:hover{background:#ffffff1a}.source-option.active{background:linear-gradient(135deg,#ff1744,#d50000);border-color:#ff1744;color:#fff}.primary-actions{gap:15px;justify-content:space-between}.primary-actions,.watch-btn{align-items:center;display:flex}.watch-btn{flex:1 1;font-size:1rem;gap:8px;justify-content:center;padding:14px 28px}.sources-count{color:#888;font-size:.85rem;font-style:italic;white-space:nowrap}.no-sources{padding:20px 0;text-align:center}.no-sources p{color:#888;margin-bottom:15px}.no-matches{color:#888;padding:80px 20px;text-align:center}.no-matches-icon{font-size:4rem;margin-bottom:20px}.no-matches h3{color:#fff;font-size:1.5rem;margin-bottom:15px}.no-matches p{font-size:1rem;line-height:1.6;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:500px}@media (max-width:768px){.page-title{font-size:2rem}.matches-grid{gap:25px;grid-template-columns:1fr}.filter-tabs{align-items:center;flex-direction:column}.filter-tab{max-width:300px;text-align:center;width:100%}.teams-container{flex-direction:column;gap:10px}.vs-divider{transform:rotate(90deg)}.primary-actions{align-items:stretch;flex-direction:column}.sources-count{text-align:center;white-space:normal}.upcoming-status{font-size:.8rem;line-height:1.4;text-align:center}.match-header{gap:12px;padding:16px}.match-title{font-size:1.15rem;text-align:center}}@media (max-width:480px){.page-header{padding:30px 15px}.match-poster{height:180px}.match-title{font-size:1.1rem}.sources-list{grid-template-columns:1fr}.upcoming-status{font-size:.8rem;line-height:1.4}.match-header{align-items:center;flex-direction:column;padding:15px;text-align:center}.match-poster-placeholder{margin-bottom:10px}.match-meta{align-items:center;text-align:center}}.cricket-page{background:linear-gradient(135deg,#2e8b57,#228b22);min-height:100vh;padding:2rem 1rem}.cricket-header{color:#fff;margin-bottom:2rem;text-align:center}.cricket-header h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000004d}.cricket-header p{font-size:1.2rem;margin-bottom:1rem;opacity:.9}.filter-container{margin-bottom:2rem}.filter-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filter-tab{font-size:.9rem}.filter-tab.active{color:#2e8b57}.filter-tab.active .filter-count{background:#2e8b57}.tournament-filter{align-items:center;color:#fff;display:flex;font-weight:600;gap:.5rem;justify-content:center}.tournament-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:20px;color:#2e8b57;cursor:pointer;font-weight:600;padding:.5rem 1rem}.tournament-select:focus{box-shadow:0 0 0 2px #ffffff80;outline:none}.match-badges{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;margin-left:1rem}.tournament-badge{align-items:center;border-radius:15px;color:#fff;display:flex;font-size:.8rem;font-weight:700;padding:.3rem .8rem}.tournament-badge.asia-cup{background:linear-gradient(135deg,#ff6b35,#f7931e)}.tournament-badge.ipl{background:linear-gradient(135deg,#1e3c72,#2a5298)}.format-badge{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:12px;color:#333;display:flex;font-size:.7rem;font-weight:600;padding:.2rem .6rem}.team{display:flex;flex-direction:column;gap:.5rem}.team-score{font-size:1.3rem;font-weight:700;text-shadow:0 0 10px #90ee9080}.team-score,.vs{color:#90ee90}.info-value{word-wrap:break-word;max-width:60%;text-align:right}.weather-info{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin:.5rem 0;padding:.5rem}.weather-info .info-label{color:#87ceeb}.weather-info .info-value{font-size:.9rem}.watch-btn{background:linear-gradient(45deg,#2e8b57,#228b22)}.watch-btn:hover{background:linear-gradient(45deg,#32cd32,#0f0);box-shadow:0 5px 15px #2e8b5766}@media (max-width:768px){.cricket-page{padding:1rem .5rem}.cricket-header h1{font-size:2rem}.matches-grid{gap:1rem;grid-template-columns:1fr}.match-card{padding:1.5rem}.match-teams{flex-direction:column;gap:.5rem}.vs{margin:.5rem 0}.filter-tabs{align-items:center;flex-direction:column}.info-value{font-size:.9rem;max-width:50%}}.basketball-page{background:linear-gradient(135deg,#ff6b35,#f7931e);min-height:100vh;padding:2rem 1rem}.basketball-header{color:#fff;margin-bottom:2rem;text-align:center}.basketball-header h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000004d}.basketball-header p{font-size:1.2rem;margin-bottom:1rem;opacity:.9}.live-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:inline-flex;font-weight:600;margin-top:1rem;padding:.5rem 1rem}.live-dot{animation:pulse 1.5s infinite;background:#f44;border-radius:50%;height:8px;margin-right:.5rem;width:8px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.filter-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.filter-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.filter-tab:hover{background:#fff3;transform:translateY(-2px)}.filter-tab.active{background:#ffffffe6;color:#ff6b35}.filter-count{background:#f44;border-radius:10px;color:#fff;font-size:.8rem;min-width:20px;padding:.2rem .5rem;text-align:center}.filter-tab.active .filter-count{background:#ff6b35}.loading{color:#fff;min-height:300px}.spinner{border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}.validating-text{animation:fade 2s infinite;font-size:1.1rem;opacity:.9}@keyframes fade{0%,to{opacity:.7}50%{opacity:1}}.error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;color:#fff;margin:2rem auto;max-width:500px;padding:2rem;text-align:center}.error h2{color:#fdd;margin-bottom:1rem}.error button{background:#f44;border:none;border-radius:25px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.error button:hover{background:#f66;transform:translateY(-2px)}.no-matches{align-items:center;display:flex;justify-content:center;min-height:300px}.no-matches-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;color:#fff;max-width:500px;padding:3rem;text-align:center}.no-matches-content h3{font-size:1.5rem;margin-bottom:1rem}.no-matches-content p{line-height:1.6;margin-bottom:2rem;opacity:.9}.no-matches-content button{background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.no-matches-content button:hover{background:#ffffff4d;transform:translateY(-2px)}.matches-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin:0 auto;max-width:1400px}.match-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;padding:2rem;transition:all .3s ease}.match-card:hover{background:#ffffff26;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.match-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.match-title{flex:1 1;font-size:1.3rem;font-weight:700;line-height:1.3;margin:0}.live-badge{align-items:center;background:#f44;display:flex;flex-shrink:0;margin-left:1rem;padding:.3rem .8rem}.live-badge .live-dot{height:6px;margin-right:.3rem;width:6px}.match-teams{align-items:center;background:#ffffff1a;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.team{flex:1 1;text-align:center}.team-name{font-size:1.1rem;font-weight:700}.vs{color:#fc0;font-size:1.2rem;margin:0 1rem}.match-details{margin-bottom:1.5rem}.match-info{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0}.match-info:last-child{border-bottom:none;margin-bottom:0}.info-label{font-weight:600;opacity:.8}.info-value{font-weight:700}.match-actions{margin-top:1.5rem}.stream-sources{display:flex;flex-direction:column;gap:.75rem}.watch-btn{background:linear-gradient(45deg,#ff6b35,#f7931e);border:2px solid #0000;border-radius:25px;display:inline-block;font-weight:700;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease}.watch-btn,.watch-btn:hover{color:#fff;text-decoration:none}.watch-btn:hover{background:linear-gradient(45deg,#ff8c42,#ffa726);box-shadow:0 5px 15px #ff6b3566;transform:translateY(-2px)}.no-streams{color:#ffffffb3;font-style:italic;padding:1rem;text-align:center}@media (max-width:768px){.basketball-page{padding:1rem .5rem}.basketball-header h1{font-size:2rem}.matches-grid{gap:1rem;grid-template-columns:1fr}.match-card{padding:1.5rem}.match-teams{flex-direction:column;gap:.5rem}.vs{margin:.5rem 0}.filter-tabs{align-items:center;flex-direction:column}}.video-player-page{background:#0a0a0a;min-height:100vh}.player-header{background:#000000f2;border-bottom:1px solid #ffffff1a;padding:20px 0}.container{margin:0 auto;max-width:1400px;padding:0 20px}.back-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:15px;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:#fff3;transform:translateX(-2px)}.match-title-header h1{color:#fff;font-size:1.8rem;margin-bottom:10px}.match-meta{align-items:center;color:#b0b0b0;display:flex;font-size:.9rem;gap:20px}.live-badge{animation:pulse 2s infinite;background:#ff1744;border-radius:15px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 12px}.player-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 350px;margin:0 auto;max-width:1400px;padding:30px 20px}.video-section{min-height:0}.video-player{aspect-ratio:16/9;background:#000;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden;position:relative}.video-player.mobile{border-radius:8px;box-shadow:0 10px 30px #000000b3}.video-player.fullscreen{aspect-ratio:unset;border-radius:0;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.video-player iframe{border-radius:12px}.video-player.fullscreen iframe{border-radius:0}.fullscreen-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:45px;z-index:100}.fullscreen-btn:hover{background:#000000e6;border-color:#fff6;transform:scale(1.05)}.fullscreen-btn:active{transform:scale(.95)}.mobile-play-overlay{align-items:center;background:linear-gradient(135deg,#000c,#000000e6);bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:10}.mobile-play-overlay:hover{background:linear-gradient(135deg,#000000b3,#000c)}.play-button{animation:pulse 2s infinite;color:#fff;text-align:center}.play-icon{align-items:center;background:linear-gradient(135deg,#ff1744,#d50000);border-radius:50%;box-shadow:0 10px 30px #ff174466;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.play-button p{font-size:1.2rem;font-weight:600;margin:0 0 5px}.play-button small{font-size:.9rem;opacity:.8}.mobile-stream-notice{background:#2196f31a;border:1px solid #2196f34d;border-radius:10px;margin-top:20px;padding:15px}.notice-content{align-items:flex-start;display:flex;gap:12px}.notice-icon{font-size:1.2rem}.notice-text{color:#90caf9;font-size:.9rem;line-height:1.4}.notice-text strong{color:#2196f3}.retry-stream-btn{background:linear-gradient(135deg,#ff1744,#d50000);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.retry-stream-btn:hover{box-shadow:0 8px 25px #ff174466;transform:translateY(-2px)}.no-stream{align-items:center;color:#888;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.no-stream-icon{font-size:4rem;margin-bottom:20px}.no-stream h3{color:#fff;font-size:1.5rem;margin-bottom:10px}.stream-selector{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:30px;padding:25px}.stream-selector h3{color:#fff;font-size:1.1rem;margin-bottom:20px}.stream-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stream-option{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;cursor:pointer;padding:15px;text-align:left;transition:all .3s ease}.stream-option:hover{background:#ffffff1a;transform:translateY(-2px)}.stream-option.active{background:linear-gradient(135deg,#ff1744,#d50000);border-color:#ff1744;color:#fff}.stream-info{display:flex;flex-direction:column;gap:5px}.stream-number{color:#fff;font-size:.9rem;font-weight:700}.stream-language{color:#b0b0b0;font-size:.8rem}.stream-option.active .stream-language{color:#ffffffe6}.hd-badge{align-self:flex-start;background:#4caf50;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;margin-top:5px;padding:2px 8px}.info-sidebar{display:flex;flex-direction:column;gap:25px}.match-details,.stream-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:25px}.match-details h3,.stream-details h3{border-bottom:1px solid #ffffff1a;color:#fff;font-size:1.1rem;margin-bottom:20px;padding-bottom:10px}.current-stream-info,.race-info{display:flex;flex-direction:column;gap:12px}.info-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.label{color:#b0b0b0;font-size:.9rem;font-weight:500}.value{color:#fff;font-weight:600;text-align:right}.hd-quality{color:#4caf50}.sd-quality{color:#ff9800}.teams-info{background:#ffffff0d;border-radius:10px;justify-content:space-between;margin-bottom:20px;padding:15px}.team-info,.teams-info{align-items:center;display:flex}.team-info{flex:1 1;gap:10px}.team-badge{border:2px solid #fff3;border-radius:50%;height:32px;object-fit:cover;width:32px}.vs{align-items:center;background:#ff174433;border:1px solid #ff1744;border-radius:50%;color:#ff1744;display:flex;font-size:.8rem;font-weight:700;height:35px;justify-content:center;width:35px}.navigation-links{display:flex;flex-direction:column;gap:15px}.navigation-links .btn{padding:12px;text-align:center;width:100%}.loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.loading p{color:#b0b0b0;font-size:1.1rem}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px;text-align:center}.error-icon{font-size:4rem;margin-bottom:20px}.error-container h2{color:#ff5252;font-size:2rem;margin-bottom:15px}.error-container p{color:#b0b0b0;font-size:1.1rem;margin-bottom:20px;max-width:500px}.stream-notice{align-items:flex-start;background:#2196f31a;border:1px solid #2196f34d;border-radius:10px;display:flex;gap:15px;margin:20px auto 30px;max-width:600px;padding:15px 20px}.notice-icon{flex-shrink:0;font-size:1.5rem;margin-top:2px}.notice-content{color:#90caf9;font-size:.9rem;line-height:1.5}.notice-content strong{color:#2196f3}.error-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}@media (max-width:1024px){.player-container{gap:25px;grid-template-columns:1fr}.info-sidebar{order:-1}.stream-selector{margin-top:20px}}@media (max-width:768px){.player-container{gap:20px;grid-template-columns:1fr;padding:20px 15px}.match-title-header h1{font-size:1.5rem}.match-meta{align-items:flex-start;flex-direction:column;gap:10px}.stream-options{grid-template-columns:1fr}.teams-info{flex-direction:column;gap:15px}.vs{transform:rotate(90deg)}.error-actions{flex-direction:column;max-width:300px;width:100%}.video-player{min-height:250px}.mobile-stream-notice{margin-top:15px;padding:12px}.play-icon{font-size:1.5rem;height:60px;width:60px}.play-button p{font-size:1rem}.fullscreen-btn{border-radius:6px;font-size:1rem;height:40px;right:10px;top:10px;width:40px}}@media (max-width:480px){.video-player{border-radius:8px;min-height:200px}.match-details,.stream-details{padding:20px}.info-row{align-items:flex-start;flex-direction:column;gap:5px}.value{text-align:left}.player-header{padding:15px 0}.match-title-header h1{font-size:1.3rem;line-height:1.3}.mobile-stream-notice{margin-top:10px;padding:10px}.notice-content{gap:8px}.notice-text{font-size:.8rem}.play-icon{font-size:1.2rem;height:50px;width:50px}.play-button p{font-size:.9rem}.play-button small{font-size:.8rem}.fullscreen-btn{border-radius:4px;font-size:.9rem;height:35px;right:8px;top:8px;width:35px}}.quality-badge{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:12px;box-shadow:0 2px 4px #2196f34d;color:#fff;font-size:12px;font-weight:600;margin-left:8px;padding:2px 8px}.delay-badge{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 4px #ff98004d}.delay-badge,.source-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:500;margin-left:8px;padding:2px 8px}.source-badge{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 2px 4px #9c27b04d}.commentator-badge{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 4px #4caf504d;font-weight:500}.commentator-badge,.record-badge{border-radius:12px;color:#fff;font-size:12px;margin-left:8px;padding:2px 8px}.record-badge{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 4px #f443364d;font-weight:600}.temp-badge{background:linear-gradient(135deg,#ff5722,#e64a19);box-shadow:0 2px 4px #ff57224d;font-weight:500}.session-badge,.temp-badge{border-radius:12px;color:#fff;font-size:12px;margin-left:8px;padding:2px 8px}.session-badge{background:linear-gradient(135deg,#607d8b,#455a64);box-shadow:0 2px 4px #607d8b4d;font-weight:600}.time-badge{background:linear-gradient(135deg,#795548,#5d4037);border-radius:12px;box-shadow:0 2px 4px #7955484d;color:#fff;font-size:12px;font-weight:500;margin-left:8px;padding:2px 8px}.team-name-badge{background:linear-gradient(135deg,#3f51b5,#303f9f);border-radius:15px;box-shadow:0 2px 4px #3f51b54d;font-size:13px;font-weight:600;padding:4px 12px}.driver-badge,.team-name-badge{color:#fff;display:inline-block;margin:2px}.driver-badge{background:linear-gradient(135deg,#009688,#00796b);border-radius:10px;box-shadow:0 1px 3px #0096884d;font-size:11px;font-weight:500;padding:2px 8px}.championship-badge{background:linear-gradient(135deg,gold,#ffa000);border-radius:12px;box-shadow:0 2px 4px #ffc10766;color:#333;font-size:12px;font-weight:700;margin-left:8px;padding:3px 10px}.championship-info,.circuit-info,.session-info,.weather-info{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;margin:12px 0;padding:16px}.championship-info h4,.circuit-info h4,.session-info h4,.weather-info h4{border-bottom:2px solid #ffffff1a;color:#fff;font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.teams-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.team-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;min-width:200px;padding:12px}.drivers{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}@keyframes badgeGlow{0%{box-shadow:0 2px 4px #ffffff1a}50%{box-shadow:0 4px 8px #fff3}to{box-shadow:0 2px 4px #ffffff1a}}.championship-badge:hover,.quality-badge:hover,.record-badge:hover{animation:badgeGlow 2s infinite}.iframe-container{height:100%;position:relative;width:100%}.iframe-loading{align-items:center;background:#000000e6;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#ff1744;height:40px;margin-bottom:15px;width:40px}.iframe-loading p{color:#fff;font-size:1rem;margin:0}.iframe-error{align-items:center;background:#000000e6;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;position:absolute;right:0;text-align:center;top:0;z-index:10}.iframe-error .error-icon{font-size:3rem;margin-bottom:15px}.iframe-error h3{color:#fff;font-size:1.2rem;margin-bottom:10px}.iframe-error p{color:#b0b0b0;margin-bottom:20px}.retry-btn{background:#ff1744;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{background:#d50000;transform:translateY(-2px)}.video-player-container{background:#ffffff0d;border-radius:10px;color:#fff;margin:0 auto;max-width:1200px;padding:20px;width:100%;.video-player-container{background:#ffffff0d;border-radius:10px;color:#fff;margin:0 auto;max-width:1200px;padding:20px;width:100%}.video-player-container h2{color:#fff;margin-bottom:20px;text-align:center}.stream-selector{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-bottom:20px;padding:15px}.stream-selector label{color:#fff;display:block;font-weight:700;margin-bottom:8px}.stream-dropdown{background:#00000080;border:2px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px;width:100%}.stream-dropdown:focus{border-color:#4caf50;outline:none}.error-message,.loading-message{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#4caf50;height:40px;margin:20px auto;width:40px}.error-message button{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.error-message button:hover{background:#45a049}.video-wrapper{margin-bottom:20px;overflow:hidden}.video-js,.video-wrapper{background:#000;border-radius:10px}.video-js{display:block!important;height:400px!important;min-height:400px;visibility:visible!important;width:100%!important}.video-js .vjs-control-bar{background:#000c}.video-js .vjs-big-play-button{background:#000c;border:2px solid #fff;border-radius:50%}.video-js .vjs-play-progress,.video-js .vjs-volume-level{background:#4caf50}.stream-info{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;padding:15px}.stream-info h3{color:#fff;margin-top:0}.stream-info code{background:#ffffff1a;border-radius:3px;color:#4caf50;font-size:12px;padding:2px 6px;word-break:break-all}}.video-player-container h2{color:#fff;margin-bottom:20px;text-align:center}.stream-selector{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-bottom:20px;padding:15px}.stream-selector label{color:#fff;display:block;font-weight:700;margin-bottom:8px}.stream-dropdown{background:#00000080;border:2px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px;width:100%}.stream-dropdown:focus{border-color:#4caf50;outline:none}.error-message,.loading-message{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#4caf50;height:40px;margin:20px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message button{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.error-message button:hover{background:#45a049}.video-wrapper{margin-bottom:20px}.video-container,.video-wrapper{background:#000;border-radius:10px;overflow:hidden}.video-container{height:400px;position:relative;width:100%}.hls-video{background:#000;border-radius:10px;height:100%;width:100%}.quality-selector-overlay{position:absolute;right:10px;top:10px;z-index:10}.quality-btn{align-items:center;background:#000c;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:8px 12px}.quality-btn:hover{background:#000000e6;border-color:#4caf50}.quality-icon{color:#4caf50;font-weight:700}.quality-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border:1px solid #ffffff4d;border-radius:5px;margin-top:5px;min-width:150px;position:absolute;right:0;top:100%}.quality-header{border-bottom:1px solid #fff3;color:#fff;font-size:12px;font-weight:700;padding:10px 12px}.quality-option{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.quality-option:last-child{border-bottom:none}.quality-option:hover{background:#4caf504d}.quality-option.active{background:#4caf50cc;color:#fff}.quality-option small{color:#ffffffb3;font-size:10px}.quality-option.active small{color:#fff}.stream-info{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;padding:15px}.stream-info h3{color:#fff;margin-top:0}.stream-info code{background:#ffffff1a;border-radius:3px;color:#4caf50;font-size:12px;padding:2px 6px;word-break:break-all}
/*# sourceMappingURL=main.89b583e3.css.map*/