body,html{font-family:Arial,sans-serif;margin:0;padding:0;min-height:100vh;width:100%;color:#fff;background:linear-gradient(-45deg,#08203e,#111827,#234060,#1a2a40,#08203e);background-size:300% 300%;animation:gradientAnimation 30s ease-in-out infinite}.container{text-align:center;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;overflow-y:auto;background:transparent}h2:before,h2:after,.livenow-title:before,.livenow-title:after{display:none!important;content:none!important}.search-bar input{width:320px;padding:12px 45px 12px 24px;border-radius:30px;border:none;outline:none;background-color:#ffffff1a;color:#e0e6ed;font-size:1.1rem;font-weight:500;caret-color:#e0e6ed;animation:blinkingCursor 1.8s infinite;transition:all .3s ease-in-out}.search-bar input::placeholder{color:#fff9;transition:opacity .3s ease}.search-bar input:focus::placeholder{opacity:0}.search-bar button{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:none;color:#ff475600;cursor:pointer;font-size:18px;transition:color .3s ease-in-out}.search-bar button:hover{color:#969696}.livenow-search-bar{position:relative;width:100%;max-width:600px;margin:2rem auto 0;background:none;box-shadow:none}.livenow-search-input{width:100%;background:#ffffff21;border:1.5px solid rgba(255,255,255,.22);color:#e0e6ed;border-radius:9999px;padding:1.2rem 3.5rem 1.2rem 2rem;font-size:1.5rem;font-weight:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .5s cubic-bezier(.22,1,.36,1);outline:none;box-sizing:border-box;box-shadow:0 2px 24px #00000014}.livenow-search-input:focus{box-shadow:0 0 0 3px #3b82f62e;border-color:#fff6}.livenow-search-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:#ffffff2e;border:1.5px solid rgba(255,255,255,.25);border-radius:50%;padding:.7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px #0000001a;transition:background .3s,border .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.livenow-search-btn:hover{background:#ffffff47;border:1.5px solid rgba(255,255,255,.35)}.livenow-search-btn svg{stroke:#fff;width:28px;height:28px}.livenow-title{font-size:2.5rem;font-weight:700;margin-bottom:1.2rem;margin-top:3vh;line-height:1.15;letter-spacing:-1px}.livenow-subtitle{font-size:1.15rem;color:#b6c6e3;margin-bottom:2.2rem;font-weight:400}@media (max-width: 900px){.livenow-title{font-size:2rem}.livenow-subtitle{font-size:1rem}.livenow-search-bar{max-width:95vw}.livenow-search-input{font-size:1.1rem;padding:.9rem 3rem .9rem 1.2rem}.livenow-search-btn svg{width:22px;height:22px}}@media (max-width: 600px){.livenow-title{font-size:1.2rem;margin-top:2vh}.livenow-subtitle{font-size:.95rem;margin-bottom:1.2rem}.livenow-search-bar{max-width:99vw}.livenow-search-input{font-size:.95rem;padding:.7rem 2.5rem .7rem .9rem}.livenow-search-btn{padding:.5rem;right:6px}.livenow-search-btn svg{width:18px;height:18px}}.livenow-search-input::placeholder{color:#f3f6fa;opacity:.7;animation:placeholderPulse 2.8s ease-in-out infinite;transition:opacity .3s}@keyframes placeholderPulse{0%{opacity:.7}40%{opacity:1}60%{opacity:1}to{opacity:.7}}.livenow-login-btn{background:transparent;color:#e5e7eb;border:1.5px solid #e5e7eb;border-radius:999px;padding:.45rem 1.3rem;font-size:1rem;font-weight:500;cursor:pointer;margin-right:.5rem;transition:background .2s,color .2s,border .2s}.livenow-login-btn:hover{background:#e5e7eb;color:#111;border:1.5px solid #d1d5db}.livenow-signup-btn{background:#fff;color:#222;border:none;border-radius:999px;padding:.45rem 1.3rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:background .2s,color .2s,box-shadow .2s;position:relative;overflow:hidden;animation:signupPulse 2.4s ease-in-out infinite}@keyframes signupPulse{0%{box-shadow:0 2px 8px #0000000f,0 0 #3b82f61a}50%{box-shadow:0 2px 8px #0000000f,0 0 16px 6px #3b82f621}to{box-shadow:0 2px 8px #0000000f,0 0 #3b82f61a}}.livenow-signup-btn:hover{background:#f3f4f6;color:#111;box-shadow:0 4px 16px #0000001a,0 0 24px 8px #3b82f62e}.results-container{width:100%;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box}.gallery,.card-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:32px!important;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;padding:12px 24px;margin-bottom:32px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;align-items:stretch}.gallery::-webkit-scrollbar,.card-grid::-webkit-scrollbar{height:8px}.gallery::-webkit-scrollbar-track,.card-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.gallery::-webkit-scrollbar-thumb,.card-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.gallery::-webkit-scrollbar-thumb:hover,.card-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.thumbnail-container,.event-card{text-align:center;min-width:220px;width:220px;max-width:320px;flex:0 0 auto!important;min-height:220px;background:#23272f;border-radius:22px;box-shadow:0 4px 32px #0000002e;padding:32px 18px 24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:transform .18s,box-shadow .18s,border .18s,background .18s;position:relative;overflow:hidden;border:1.5px solid transparent;margin:0!important}.event-logo,.thumbnail{width:110px;height:110px;min-width:110px;min-height:110px;max-width:110px;max-height:110px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;overflow:hidden}.event-logo img,.thumbnail img{width:100%;height:100%;object-fit:contain;border-radius:12px;display:block;margin:0 auto;transition:width .15s,height .15s}.event-title,.thumbnail-info h3{font-size:1.1rem;font-weight:600;text-align:center;margin-bottom:6px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.12)}.event-time,.thumbnail-info p{font-size:.98rem;color:#bdbdbd;margin-bottom:8px;text-align:center}.event-viewers{font-size:.95rem;color:#8b8b8b;font-weight:500;margin-bottom:0}.event-timerange{font-size:.95rem;color:#bdbdbd;margin-bottom:0;margin-top:-2px;text-align:center;letter-spacing:.01em}.thumbnail-container:hover,.event-card:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 6px 24px #0000002e;border:1.5px solid #fff;background:#262b33}@media (max-width: 700px){.gallery,.card-grid{gap:16px;padding:0 16px}.thumbnail-container,.event-card{min-width:180px;width:180px;padding:18px 8px 14px}.event-logo,.thumbnail{width:75px;height:75px;min-width:75px;min-height:75px;max-width:75px;max-height:75px}}.results-page{display:flex;flex-direction:column;align-items:center;padding:40px 24px 80px;width:100%;min-height:100vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(-45deg,#08203e,#111827,#234060,#1a2a40,#08203e);background-size:300% 300%;animation:gradientAnimation 30s ease-in-out infinite}.results-page>div{width:100%;overflow:visible}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.back-button{position:fixed;bottom:32px;left:32px;width:56px;height:56px;border-radius:50%;background:#f8f9fa;color:#8b8b8b;border:1.5px solid #e0e0e0;box-shadow:0 6px 32px #00000038;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;z-index:1000;transition:background .18s,color .12s,border .12s,box-shadow .12s,transform .12s}.back-button svg{stroke:#8b8b8b;transition:stroke .12s}.back-button:hover{background:#e4e4e7;color:#18181b;border:1.5px solid #bdbdbd;box-shadow:0 8px 36px #00000047;transform:scale(1.08)}.back-button:hover svg{stroke:#18181b}.filters{display:flex;gap:18px;justify-content:center;margin-bottom:36px}.filter-button{display:flex;align-items:center;gap:8px;padding:10px 28px;border-radius:999px;background:#23272f;color:#e0e0e0;font-weight:600;font-size:1.1rem;border:2px solid transparent;outline:none;cursor:pointer;box-shadow:none;transition:background .12s,color .12s,box-shadow .12s,transform .12s,border .12s}.filter-button svg{width:20px;height:20px;vertical-align:middle;fill:#bdbdbd;transition:fill .12s}.filter-button.active{background:#fff;color:#18181b;box-shadow:0 2px 8px #0000000a;border:2px solid transparent}.filter-button.active svg{fill:#18181b}.filter-button:hover:not(.active){border:2px solid #fff;background:#23272f;color:#e0e0e0;box-shadow:0 2px 8px #0000000a}.filter-button:hover:not(.active) svg{fill:#fff}h2,.section-header{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;margin:48px 0 24px;letter-spacing:.01em;color:#f4f4f5}.section-header .accent-line,h2:before{content:"";width:32px;height:4px;border-radius:2px;background:#bdbdbd;display:inline-block}body.static-dark-bg,html.static-dark-bg{background:#18181b!important;background-size:unset!important;animation:none!important}.placeholder-logo{width:80px;height:80px;min-width:80px;min-height:80px;max-width:80px;max-height:80px;border-radius:16px;background:#ededed;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;overflow:hidden}.placeholder-logo img{width:80%;height:80%}.placeholder-logo span{color:#bdbdbd;font-size:1.05rem;font-weight:600;-webkit-user-select:none;user-select:none}.filters.filter-bar{display:flex;gap:18px;justify-content:center;margin-bottom:36px;position:sticky;top:0;background:transparent;z-index:20}.no-results-message{text-align:center;color:#bdbdbd;font-size:1.15rem;margin:48px 0 24px;width:100%}footer{background:transparent!important;box-shadow:none!important;border:none!important}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#181818;color:#fff;display:flex;flex-direction:column;height:100vh}.container{text-align:center;width:100%}h1{margin-bottom:20px}.search-bar{position:relative;display:inline-block}.search-bar input{width:300px;padding:10px 40px 10px 10px;border-radius:25px;border:none;outline:none;background-color:#333;color:#fff}.search-bar button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;color:#fff;cursor:pointer;font-size:16px}.results-container{width:100%;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box;margin-top:20px}.live-now{display:flex;align-items:center;margin-bottom:20px;align-self:flex-start}.live-indicator{width:10px;height:10px;background-color:red;border-radius:50%;margin-right:10px}.thumbnail{width:100%;padding-bottom:56.25%;background-color:#181818;border-radius:10px;position:relative;overflow:hidden}.thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.thumbnail-info{margin-top:10px}.thumbnail-info h3{font-size:14px;margin:5px 0;color:#fff}.thumbnail-info p{font-size:12px;color:#fff;text-align:center}.main-page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.results-page{flex-grow:1;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box;width:100%;overflow-y:auto}.back-button{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background-color:#333;color:#fff;position:fixed;bottom:20px;left:20px;cursor:pointer;border:none;outline:none}
