@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,700;0,800;0,900;1,400&display=swap);:root{--primary-bg:#191d23;--secondary-bg:#1e2229;--tertiary-bg:#222831;--accent-color:#ff4825;--accent-hover:#e6391a;--text-primary:#eee;--text-secondary:#eeec;--text-muted:#eee9;--text-disabled:#eee6;--success:#4caf50;--warning:#ff9800;--error:#f44336;--info:#2196f3;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--font-primary:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-secondary:"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-lg:18px;--text-xl:24px;--text-2xl:36px;--text-3xl:58px;--text-max:78px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--container-max-width:1440px;--container-padding:0 100px;--section-padding:80px 0;--header-height:122px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--mobile:768px;--tablet:1024px;--desktop:1440px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#191d23;background-color:var(--primary-bg);color:#eee;color:var(--text-primary);font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:14px;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal)}.text-xs{font-size:10px;font-size:var(--text-xs)}.text-sm{font-size:12px;font-size:var(--text-sm)}.text-base{font-size:14px;font-size:var(--text-base)}.text-lg{font-size:18px;font-size:var(--text-lg)}.text-xl{font-size:24px;font-size:var(--text-xl)}.text-2xl{font-size:36px;font-size:var(--text-2xl)}.text-3xl{font-size:58px;font-size:var(--text-3xl)}.font-normal{font-weight:400;font-weight:var(--font-normal)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.font-extrabold{font-weight:800;font-weight:var(--font-extrabold)}.font-black{font-weight:900;font-weight:var(--font-black)}.text-primary{color:#eee;color:var(--text-primary)}.text-secondary{color:#eeec;color:var(--text-secondary)}.text-muted{color:#eee9;color:var(--text-muted)}.text-disabled{color:#eee6;color:var(--text-disabled)}.text-accent{color:#ff4825;color:var(--accent-color)}.container{margin:0 auto;max-width:1440px;max-width:var(--container-max-width);padding:0 100px;padding:var(--container-padding)}.section{padding:80px 0;padding:var(--section-padding)}.page-wrapper{padding-top:122px;padding-top:var(--header-height)}.m-1{margin:4px;margin:var(--space-1)}.m-2{margin:8px;margin:var(--space-2)}.m-3{margin:12px;margin:var(--space-3)}.m-4{margin:16px;margin:var(--space-4)}.m-5{margin:20px;margin:var(--space-5)}.m-6{margin:24px;margin:var(--space-6)}.m-8{margin:32px;margin:var(--space-8)}.m-10{margin:40px;margin:var(--space-10)}.m-12{margin:48px;margin:var(--space-12)}.m-16{margin:64px;margin:var(--space-16)}.m-20{margin:80px;margin:var(--space-20)}.p-1{padding:4px;padding:var(--space-1)}.p-2{padding:8px;padding:var(--space-2)}.p-3{padding:12px;padding:var(--space-3)}.p-4{padding:16px;padding:var(--space-4)}.p-5{padding:20px;padding:var(--space-5)}.p-6{padding:24px;padding:var(--space-6)}.p-8{padding:32px;padding:var(--space-8)}.p-10{padding:40px;padding:var(--space-10)}.p-12{padding:48px;padding:var(--space-12)}.p-16{padding:64px;padding:var(--space-16)}.p-20{padding:80px;padding:var(--space-20)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:4px;gap:var(--space-1)}.gap-2{gap:8px;gap:var(--space-2)}.gap-3{gap:12px;gap:var(--space-3)}.gap-4{gap:16px;gap:var(--space-4)}.gap-5{gap:20px;gap:var(--space-5)}.gap-6{gap:24px;gap:var(--space-6)}.gap-8{gap:32px;gap:var(--space-8)}.gap-10{gap:40px;gap:var(--space-10)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:18px;font-size:var(--text-lg);font-weight:700;font-weight:var(--font-bold);justify-content:center;line-height:1;padding:16px 24px;padding:var(--space-4) var(--space-6);text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background-color:#ff4825;background-color:var(--accent-color);color:#eee;color:var(--text-primary)}.btn-primary:hover{background-color:#e6391a;background-color:var(--accent-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background-color:#1e2229;background-color:var(--secondary-bg);border:1px solid #eee9;border:1px solid var(--text-muted);color:#eee;color:var(--text-primary)}.btn-secondary:hover{background-color:#222831;background-color:var(--tertiary-bg);border-color:#eeec;border-color:var(--text-secondary)}.btn-outline{background-color:initial;border:2px solid #eee;border:2px solid var(--text-primary);color:#eee;color:var(--text-primary)}.btn-outline:hover{background-color:#eee;background-color:var(--text-primary);color:#191d23;color:var(--primary-bg)}.btn-sm{font-size:12px;font-size:var(--text-sm);padding:8px 16px;padding:var(--space-2) var(--space-4)}.btn-lg{font-size:24px;font-size:var(--text-xl);padding:24px 32px;padding:var(--space-6) var(--space-8)}.card{background-color:#1e2229;background-color:var(--secondary-bg);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:24px;padding:var(--space-6);transition:all .3s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.section-title{color:#eee;color:var(--text-primary);font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:36px;font-size:var(--text-2xl);font-weight:900;font-weight:var(--font-black);letter-spacing:.1em;letter-spacing:var(--tracking-widest);line-height:60px;margin-bottom:20px;margin-bottom:var(--space-5);position:relative}.section-title:after{background-color:#ff4825;background-color:var(--accent-color);content:"";display:block;height:3px;margin-top:8px;margin-top:var(--space-2);width:90px}.input{background-color:#1e2229;background-color:var(--secondary-bg);border:1px solid #eee9;border:1px solid var(--text-muted);border-radius:8px;border-radius:var(--radius-md);color:#eee;color:var(--text-primary);font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:14px;font-size:var(--text-base);padding:16px;padding:var(--space-4);transition:border-color .3s ease;transition:border-color var(--transition-normal);width:100%}.input:focus{border-color:#ff4825;border-color:var(--accent-color);outline:none}.input::placeholder{color:#eee6;color:var(--text-disabled)}@media (max-width:1024px){:root{--container-padding:0 50px;--section-padding:60px 0}.section-title{font-size:24px;font-size:var(--text-xl);line-height:40px}}@media (max-width:768px){:root{--container-padding:0 20px;--section-padding:40px 0;--text-3xl:36px}.section-title{font-size:18px;font-size:var(--text-lg);line-height:30px}.btn{font-size:14px;font-size:var(--text-base);padding:12px 20px;padding:var(--space-3) var(--space-5)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .4s ease-out}.pulse{animation:pulse 2s infinite}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e2229;background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:#ff4825;background:var(--accent-color);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#e6391a;background:var(--accent-hover)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.header{background:linear-gradient(135deg,var(--primary-bg) 0,var(--tertiary-bg) 100%);border-bottom:1px solid var(--accent-color);left:0;position:fixed;right:0;top:0;z-index:1000}.header-content{justify-content:space-between;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--space-20)}.header-content,.logo{align-items:center;display:flex}.logo{height:100px;justify-content:center;img{height:100%;object-fit:contain;width:100%}}.nav-menu{display:flex;gap:var(--space-10);list-style:none;margin:0;padding:0}.nav-menu li a{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-black);letter-spacing:var(--tracking-normal);line-height:24px;text-decoration:none;transition:color var(--transition-normal)}.nav-menu li a:hover{color:var(--accent-color)}.social-icons{align-items:center;display:flex;gap:var(--space-4)}.social-icon{color:var(--text-primary);height:20px;transition:color var(--transition-normal);width:20px}.social-icon:hover{color:var(--accent-color)}.search-btn{align-items:center;background-color:var(--accent-color);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:50px;justify-content:center;transition:background-color var(--transition-normal);width:50px}.search-btn:hover{background-color:var(--accent-hover)}.search-icon{color:var(--text-primary);height:24px;width:24px}.mobile-menu-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:var(--text-xl)}@media (max-width:1024px){.header-content{padding:var(--space-5) var(--space-12)}.nav-menu{gap:var(--space-8)}}@media (max-width:768px){.header-content{padding:var(--space-5)}.nav-menu,.social-icons{display:none}.mobile-menu-btn{display:block}.logo{font-size:var(--text-lg);height:80px;width:80px}}.hero-section{align-items:center;display:flex;height:750px;overflow:hidden;position:relative}.hero-content{display:flex;height:100%;margin:0 auto;max-width:var(--container-max-width);padding:275px var(--space-20) 0 var(--space-20)}.hero-text{width:var(--container-max-width);z-index:2}.hero-title{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-secondary);font-size:var(--text-max);font-weight:var(--font-bold);justify-content:center;line-height:85px;margin-bottom:var(--space-8);text-align:center;span{color:var( --accent-color);display:block;font-size:var(--text-2xl);font-weight:600}}.hero-cta{margin-top:var(--space-10)}.hero-image{background:linear-gradient(90deg,#0000004d,#0000);max-height:542px;width:100vw;z-index:1}.hero-slides{bottom:var(--space-12);display:flex;gap:var(--space-5);left:50%;position:absolute;transform:translateX(-50%);z-index:3}.hero-slide{background-color:#adadad;border-radius:var(--radius-md);height:150px;overflow:hidden;position:relative;width:250px}.hero-slide:after{background-color:#22283173;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.latest-match{background-color:var(--secondary-bg);border-radius:var(--radius-md);height:230px;padding:var(--space-5);position:absolute;right:323px;top:159px;width:296px;z-index:3}.latest-match-title{color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-black);margin-bottom:var(--space-2)}.match-score{gap:var(--space-5);margin-top:var(--space-5)}.match-score,.team-logo{align-items:center;display:flex;justify-content:center}.team-logo{background-color:var(--tertiary-bg);border-radius:var(--radius-sm);color:var(--text-primary);height:54px;width:54px}.score,.team-logo{font-weight:var(--font-black)}.score{color:var(--accent-color);font-size:var(--text-lg)}.score.opponent,.vs{color:var(--text-primary)}.vs{border:1px solid var(--accent-color);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-2)}.sponsor-section{background-color:var(--primary-bg);padding:var(--space-10) 0}.sponsor-logos{justify-content:space-between;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--space-20)}.sponsor-logo,.sponsor-logos{align-items:center;display:flex}.sponsor-logo{background-color:var(--tertiary-bg);border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--font-bold);height:80px;justify-content:center;min-width:200px}.about-section{background-color:var(--primary-bg);padding:var(--section-padding)}.about-content{align-items:center;display:flex;gap:var(--space-20);margin:0 auto;max-width:1240px;padding:0 var(--space-20)}.about-image{background-color:#c4c4c4;border-radius:var(--radius-md);flex-shrink:0;height:581px;width:496px}.about-text{flex:1 1}.about-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-black);letter-spacing:var(--tracking-widest);line-height:60px;margin-bottom:var(--space-5)}.about-title:after{background-color:var(--accent-color);content:"";display:block;height:3px;margin-top:var(--space-2);width:90px}.about-description{color:var(--text-secondary);font-size:var(--text-lg);line-height:35px;margin-bottom:var(--space-10)}@media (max-width:1024px){.hero-content{padding:0 var(--space-12)}.hero-title{font-size:48px;line-height:70px}.about-content{gap:var(--space-10)}.about-content,.sponsor-logos{padding:0 var(--space-12)}}@media (max-width:768px){.hero-content{flex-direction:column;padding:0 var(--space-5);text-align:center}.hero-title{font-size:var(--text-2xl);line-height:50px}.hero-image{display:none}.latest-match{margin:var(--space-5) auto;position:static}.about-content{flex-direction:column;padding:0 var(--space-5)}.about-image{height:300px;width:100%}.sponsor-logos{flex-wrap:wrap;gap:var(--space-5);padding:0 var(--space-5)}.sponsor-logo{min-width:150px}}.modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background-color:var(--secondary-bg);border:1px solid var(--text-muted);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:90vw;overflow:hidden;width:100%}.modal-header{align-items:center;background-color:var(--tertiary-bg);border-bottom:1px solid var(--text-muted);display:flex;justify-content:space-between;padding:var(--space-6)}.modal-title{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--text-muted);color:var(--text-primary);transform:scale(1.1)}.modal-body{max-height:calc(90vh - 120px);overflow-y:auto;padding:var(--space-6)}.modal-body .video-container{background-color:var(--primary-bg);border-radius:var(--radius-lg);height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.modal-body .video-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.modal-overlay{padding:var(--space-2)}.modal-content{max-height:95vh;max-width:95vw}.modal-header{padding:var(--space-4)}.modal-title{font-size:var(--text-lg)}.modal-body{padding:var(--space-4)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content:focus{outline:none}.modal-close:focus{outline:2px solid var(--accent-color);outline-offset:2px}.video-thumbnail{background-color:var(--secondary-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;transition:all var(--transition-normal)}.video-thumbnail:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.thumbnail-container{background-color:var(--primary-bg);height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.thumbnail-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform var(--transition-normal);width:100%}.video-thumbnail:hover .thumbnail-image{transform:scale(1.05)}.thumbnail-placeholder{background-color:var(--tertiary-bg);color:var(--text-muted);height:100%;width:100%}.play-overlay,.thumbnail-placeholder{align-items:center;display:flex;justify-content:center;left:0;position:absolute;top:0}.play-overlay{background:linear-gradient(#0000004d,#0000001a);bottom:0;opacity:0;right:0;transition:opacity var(--transition-normal)}.video-thumbnail:hover .play-overlay{opacity:1}.play-button{align-items:center;background-color:#ff4825e6;border-radius:50%;box-shadow:var(--shadow-lg);color:#fff;display:flex;height:80px;justify-content:center;transition:all var(--transition-normal);width:80px}.play-button:hover{background-color:var(--accent-color);transform:scale(1.1)}.thumbnail-title{background-color:var(--secondary-bg);padding:var(--space-4)}.thumbnail-title h4{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.play-button{height:60px;width:60px}.play-button svg{height:24px;width:24px}.thumbnail-title{padding:var(--space-3)}.thumbnail-title h4{font-size:var(--text-sm)}}.video-feed{padding:var(--space-8) 0}.video-feed-header{margin-bottom:var(--space-8)}.video-feed-header h2{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-black);letter-spacing:var(--tracking-widest);margin:0}.video-feed-content{display:flex;flex-direction:column;gap:var(--space-12)}.video-section{display:flex;flex-direction:column;gap:var(--space-6)}.section-subtitle{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);margin:0;position:relative}.section-subtitle:after{background-color:var(--accent-color);content:"";display:block;height:2px;margin-top:var(--space-2);width:60px}.video-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}@media (max-width:1024px){.video-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.video-feed{padding:var(--space-6) 0}.video-feed-header{margin-bottom:var(--space-6)}.video-feed-header h2{font-size:var(--text-xl)}.video-feed-content{gap:var(--space-8)}.video-section{gap:var(--space-4)}.section-subtitle{font-size:var(--text-lg)}.video-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.video-grid{gap:var(--space-4);grid-template-columns:1fr}}.stream-schedule{background:linear-gradient(135deg,var(--secondary-bg) 0,var(--tertiary-bg) 100%);border:1px solid var(--text-muted);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);color:var(--text-primary);font-family:var(--font-primary);margin:0 auto;max-width:var(--container-max-width);padding:var(--space-5)}.schedule-header{align-items:center;border-bottom:2px solid var(--text-muted);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-5)}.schedule-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-black);letter-spacing:var(--tracking-widest);line-height:60px;margin:0}.schedule-controls{align-items:center;display:flex;gap:var(--space-4)}.view-toggle{background:var(--secondary-bg);border:1px solid var(--text-muted);border-radius:var(--radius-lg);display:flex;padding:var(--space-1)}.view-toggle button{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.view-toggle button.active{background:var(--accent-color);box-shadow:var(--shadow-md);color:var(--text-primary)}.view-toggle button:hover:not(.active){background:var(--tertiary-bg)}.share-btn{background:var(--accent-color);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-bold);padding:var(--space-3) var(--space-5);transition:all var(--transition-normal)}.share-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.timezone-info{background:var(--secondary-bg);border:1px solid var(--text-muted);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4)}.calendar-grid,.weekly-view{margin-bottom:var(--space-8)}.calendar-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(7,1fr)}.calendar-day{background:var(--secondary-bg);border:2px solid var(--text-muted);border-radius:var(--radius-xl);cursor:pointer;min-height:120px;overflow:hidden;padding:var(--space-4);position:relative;transition:all var(--transition-normal)}.calendar-day:hover{border-color:var(--accent-color);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.calendar-day.today{background:var(--tertiary-bg);border-color:var(--accent-color);box-shadow:0 0 20px #ff48254d}.calendar-day.selected{background:var(--tertiary-bg);border-color:var(--info);box-shadow:0 0 25px #2196f366}.day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.day-name{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.day-date{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold)}.stream-info{display:flex;flex-direction:column;gap:var(--space-2)}.stream-time{color:var(--accent-color);font-size:var(--text-xs);font-weight:var(--font-semibold)}.stream-title{font-size:var(--text-sm);line-height:var(--leading-tight);margin-bottom:var(--space-1)}.stream-category,.stream-title{color:var(--text-primary);font-weight:var(--font-semibold)}.stream-category{align-self:flex-start;border-radius:var(--radius-md)}.status-badge,.stream-category{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-2);text-transform:uppercase}.status-badge{animation:pulse 2s infinite;border-radius:var(--radius-lg);font-weight:var(--font-bold)}.status-live{background:var(--error);box-shadow:0 0 15px #f4433680;color:var(--text-primary)}.status-soon{background:var(--warning);box-shadow:0 0 15px #ff980080;color:var(--text-primary)}.status-upcoming{background:var(--success);color:var(--text-primary)}.status-completed{background:var(--gray-600);color:var(--text-primary)}.no-stream{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-sm);font-style:italic;height:60px;justify-content:center}.stream-details{animation:slideUp .5s ease;background:var(--secondary-bg);border:1px solid var(--text-muted);border-radius:var(--radius-xl);padding:var(--space-6)}.details-header{align-items:center;border-bottom:2px solid var(--text-muted);display:flex;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.details-header h3{font-size:var(--text-xl);margin:0}.details-header h3,.reminder-btn{color:var(--text-primary);font-weight:var(--font-bold)}.reminder-btn{background:var(--info);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-5);transition:all var(--transition-normal)}.reminder-btn:hover{background:var(--info);box-shadow:var(--shadow-lg);opacity:.9;transform:translateY(-2px)}.details-content{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:var(--space-3) 0}.label{color:var(--text-secondary);font-weight:var(--font-semibold)}.label,.value{font-size:var(--text-sm)}.value{color:var(--accent-color);font-weight:var(--font-bold)}.monthly-view{padding:var(--space-12) var(--space-5);text-align:center}.monthly-placeholder{background:var(--secondary-bg);border:1px solid var(--text-muted);border-radius:var(--radius-xl);padding:var(--space-10)}.monthly-placeholder h3{color:var(--text-primary);font-size:var(--text-xl);margin-bottom:var(--space-4)}.monthly-placeholder p{color:var(--text-secondary);font-size:var(--text-base)}.schedule-footer{border-top:2px solid var(--text-muted);margin-top:var(--space-8);padding-top:var(--space-5)}.legend{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2)}.legend-color{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);height:16px;width:16px}.legend-color.gaming{background:var(--accent-color)}.legend-color.chat{background:var(--info)}.legend-color.tournament{background:var(--success)}.legend-color.creative{background:var(--warning)}.legend-color.community{background:var(--accent-color)}.legend-color.chill{background:var(--info)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.stream-schedule{margin:var(--space-3);padding:var(--space-4)}.schedule-header{align-items:stretch;flex-direction:column;gap:var(--space-4)}.schedule-header h2{font-size:var(--text-xl);text-align:center}.schedule-controls{justify-content:center}.timezone-info{flex-direction:column;gap:var(--space-3);text-align:center}.calendar-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.calendar-day{min-height:100px;padding:var(--space-3)}.stream-title{font-size:var(--text-xs)}.details-header{flex-direction:column;gap:var(--space-4);text-align:center}.details-content{grid-template-columns:1fr}.legend{gap:var(--space-3);justify-content:center}.legend-item{font-size:var(--text-xs)}}@media (max-width:480px){.calendar-grid{grid-template-columns:repeat(2,1fr)}.calendar-day{min-height:80px}.day-header{flex-direction:column}.day-header,.stream-info{gap:var(--space-1)}.status-badge,.stream-title{font-size:var(--text-xs)}.status-badge{padding:var(--space-1) var(--space-1)}}.video-background-container{height:100%;overflow:hidden;position:relative;width:100%}.video-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.video-background iframe{height:100vh;left:50%;object-fit:cover;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100vw}.video-overlay{align-items:center;background:linear-gradient(#191d23b3,#191d23b3);display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:2}@media (max-width:768px){.video-background iframe{height:100vh;width:100vw}}.App{background-color:var(--primary-bg);min-height:100vh;text-align:left}.main-content{padding-top:0}
/*# sourceMappingURL=main.48c012aa.css.map*/