@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;font-family:A Arial,sans-serif;font-family:Poppins,sans-serif;font-optical-sizing:auto}#app{background-color:#000;height:100dvh;overflow-y:scroll}#app::-webkit-scrollbar{width:0vh}h1,.main-title{font-size:2.5rem;color:#7f55e0;font-weight:800;margin-bottom:20px;text-align:center}h2,.section-title{font-size:1.8rem;color:#7f55e0;font-weight:700;margin-bottom:15px}h3,.subtitle{font-size:1.3rem;color:#b69ff1;font-weight:600;margin-bottom:10px}h4,.minor-title{font-size:1rem;color:#b69ff1;font-weight:600;margin-bottom:8px}@media (max-width: 768px){h1,.main-title{font-size:2rem}h2,.section-title{font-size:1.3rem}h3,.subtitle{font-size:1.1rem}}@media (max-width: 480px){h1,.main-title{font-size:1.5rem!important}h2,.section-title{font-size:1.1rem!important}h3,.subtitle{font-size:1rem!important}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}.notification[data-v-63183e2d]{position:absolute;z-index:1001;width:350px;right:0;top:100%;margin-top:12px;background:#1a1a1a;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0006}.notification[data-v-63183e2d]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#7f55e0,#9575cd)}h1[data-v-63183e2d]{margin:0;padding:18px 20px 14px;font-size:1rem;font-weight:600;color:#fff;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:.5px}p[data-v-63183e2d]{font-size:.8rem;font-weight:500;color:#fff;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:.5px;margin:auto;text-align:center;padding:2vh 0}.noti[data-v-63183e2d]{display:flex;align-items:center;padding:14px 20px;text-decoration:none;color:#fff;transition:background-color .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.noti[data-v-63183e2d]:hover{background:#7f55e014}.noti[data-v-63183e2d]:last-of-type{border-bottom:none}.point[data-v-63183e2d]{width:6px;height:6px;background:#7f55e0;border-radius:50%;margin-right:14px;flex-shrink:0}.noti>h2[data-v-63183e2d]{margin:0;font-size:.9rem;font-weight:400;line-height:1.4;color:#fff}.noti>h2>b[data-v-63183e2d]{color:#7f55e0;font-weight:600}.viewall[data-v-63183e2d]{display:block;padding:14px 20px;text-align:center;font-size:.9rem;font-weight:500;color:#7f55e0;text-decoration:none;background:#ffffff05;border-top:1px solid rgba(255,255,255,.08);transition:all .2s ease}.viewall[data-v-63183e2d]:hover{background:#7f55e01a;color:#9575cd}@media (max-width: 768px){.notification[data-v-63183e2d]{width:320px;right:-10px}}@media (max-width: 480px){.notification[data-v-63183e2d]{width:calc(100vw - 30px);right:-50px}h1[data-v-63183e2d]{padding:16px 18px 12px;font-size:.95rem}.noti[data-v-63183e2d]{padding:12px 18px}.noti>h2[data-v-63183e2d]{font-size:.85rem}.viewall[data-v-63183e2d]{padding:12px 18px;font-size:.85rem}}.navbar[data-v-b3031da2]{width:100%;background-color:#0f0f0f;border-bottom:1px solid rgba(255,255,255,.1);position:fixed;top:0;left:0;z-index:1000;height:8vh}.navbar-container[data-v-b3031da2]{display:flex;align-items:center;justify-content:space-between;padding:0;height:100%;max-width:1400px;margin:0 auto;position:relative}.navbar-right[data-v-b3031da2]{display:flex;align-items:center;gap:15px}.logo[data-v-b3031da2]{display:flex;align-items:center;min-width:120px;z-index:5}.logo a[data-v-b3031da2]{text-decoration:none;display:block;outline:none}.logo-image[data-v-b3031da2]{height:6.2vh;object-fit:contain}.menu-items[data-v-b3031da2]{display:flex;gap:20px}.menu-item[data-v-b3031da2]{color:#fff;text-decoration:none;font-size:1.6vh;position:relative;padding:10px 18px;border-radius:6px;transition:background-color .3s,color .3s;display:flex;align-items:center;font-weight:600}.menu-item[data-v-b3031da2]:hover{background-color:#7f55e033;color:#7f55e0}.menu-item.router-link-exact-active[data-v-b3031da2],.menu-item.router-link-active[data-v-b3031da2]{background-color:#7f55e040;color:#7f55e0;box-shadow:0 2px #7f55e0}.live-session[data-v-b3031da2]{display:flex;align-items:center;gap:5px}.live-icon[data-v-b3031da2]{font-size:10px;margin-right:5px}.ranking-item[data-v-b3031da2]{display:flex;align-items:center;gap:5px}.trophy-icon[data-v-b3031da2]{font-size:14px;margin-left:5px;color:gold}.search-container[data-v-b3031da2]{position:relative}.search-input[data-v-b3031da2]{padding:8px 15px;border-radius:20px;border:none;background-color:#333;color:#fff;font-size:14px;width:180px;outline:none}.search-input[data-v-b3031da2]::placeholder{color:#aaa}.user-profile[data-v-b3031da2]{display:flex;align-items:center}.user-profile>button[data-v-b3031da2]{background-color:#7f55e0;border:solid .1vh #553c8d;border-radius:.5vh;padding:.7vh 2.5vh;cursor:pointer;font-weight:500;color:#fff}.user-profile>button[data-v-b3031da2]:hover{background-color:#784fd6;transition-duration:.3s}.a-profile[data-v-b3031da2]{display:flex;align-items:center}.profile-pic[data-v-b3031da2]{width:35px;height:35px;object-fit:cover;border-radius:50%;background-color:#555;cursor:pointer}.hamburger-button[data-v-b3031da2]{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger-bar[data-v-b3031da2]{width:30px;height:3px;background-color:#fff;border-radius:3px;transition:all .3s ease}.mobile-menu-overlay[data-v-b3031da2]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-overlay.active[data-v-b3031da2]{opacity:1;visibility:visible}.mobile-menu[data-v-b3031da2]{position:fixed;top:0;right:-320px;width:320px;height:100%;background-color:#0f0f0f;z-index:999;overflow-y:auto;transition:right .3s ease;box-shadow:-5px 0 15px #0000004d}.mobile-menu.active[data-v-b3031da2]{right:0}.mobile-menu-header[data-v-b3031da2]{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);min-height:80px}.mobile-user-header[data-v-b3031da2]{display:flex;justify-content:space-between;align-items:center;flex:1;margin-right:15px}.mobile-user-avatar[data-v-b3031da2]{display:flex;align-items:center;gap:12px}.mobile-user-avatar .profile-pic[data-v-b3031da2]{width:45px;height:45px}.mobile-user-info[data-v-b3031da2]{display:flex;flex-direction:column}.mobile-user-name[data-v-b3031da2]{font-size:16px;font-weight:600;color:#fff;line-height:1.2}.mobile-user-email[data-v-b3031da2]{font-size:12px;color:#aaa;line-height:1.2}.mobile-user-actions[data-v-b3031da2]{display:flex;align-items:center}.mobile-bell[data-v-b3031da2]{width:35px;height:35px;margin-right:0}.close-button[data-v-b3031da2]{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;flex-shrink:0}.mobile-menu-content[data-v-b3031da2]{padding:0 20px 20px}.mobile-search-container[data-v-b3031da2]{margin-bottom:20px}.mobile-search-input[data-v-b3031da2]{width:100%;padding:12px 16px;border-radius:8px;border:1px solid #333;background-color:#1a1a1a;color:#fff;font-size:14px;outline:none;box-sizing:border-box}.mobile-search-input[data-v-b3031da2]:focus{border-color:#7f55e0}.mobile-search-input[data-v-b3031da2]::placeholder{color:#aaa}.mobile-menu-items[data-v-b3031da2]{display:flex;flex-direction:column;margin:15px 0 0}.mobile-menu-item[data-v-b3031da2]{color:#fff;text-decoration:none;font-size:16px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;transition:background-color .3s;margin-bottom:5px}.mobile-menu-item[data-v-b3031da2]:hover{background-color:#7f55e01a}.mobile-user-section[data-v-b3031da2]{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:20px}.mobile-section-title[data-v-b3031da2]{font-size:14px;font-weight:600;color:#7f55e0;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.mobile-user-action[data-v-b3031da2]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fff;text-decoration:none;font-size:15px;border-radius:8px;transition:background-color .3s;margin-bottom:5px;border:none;background:none;width:100%;cursor:pointer;font-family:inherit}.mobile-user-action[data-v-b3031da2]:hover{background-color:#7f55e01a}.logout-action[data-v-b3031da2]{color:#ff6b6b;border-top:1px solid rgba(255,255,255,.1);margin-top:10px;padding-top:15px}.logout-action[data-v-b3031da2]:hover{background-color:#ff6b6b1a}.mobile-login-section[data-v-b3031da2]{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:20px}.mobile-login-btn[data-v-b3031da2]{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:15px;background-color:#7f55e0;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.mobile-login-btn[data-v-b3031da2]:hover{background-color:#6640c4}.user-block[data-v-b3031da2]{display:flex;align-items:center;height:100%;justify-content:space-between}.bell[data-v-b3031da2]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:15px;position:relative;padding:8px;border-radius:50%;cursor:pointer;transition:background-color .3s ease}.bell[data-v-b3031da2]:hover{background-color:#7f55e033}.bell svg[data-v-b3031da2]{width:20px;height:20px;color:#fff;transition:color .3s ease}.bell:hover svg[data-v-b3031da2]{color:#7f55e0}.bell .point[data-v-b3031da2]{position:absolute;height:8px;width:8px;background-color:#ef4444;border-radius:50%;right:8px;top:8px;border:2px solid #0f0f0f;animation:pulse-b3031da2 2s infinite}@keyframes pulse-b3031da2{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.user-dropdown[data-v-b3031da2]{position:relative}.user-avatar[data-v-b3031da2]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.user-avatar[data-v-b3031da2]:hover{background-color:#7f55e01a}.user-name[data-v-b3031da2]{font-size:14px;font-weight:500;color:#fff;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow[data-v-b3031da2]{color:#aaa;transition:transform .3s ease}.dropdown-arrow.open[data-v-b3031da2]{transform:rotate(180deg)}.user-menu[data-v-b3031da2]{position:absolute;top:100%;right:0;min-width:200px;background-color:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 25px #0000004d;z-index:1001;overflow:hidden;margin-top:8px}.menu-option[data-v-b3031da2]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fff;text-decoration:none;font-size:14px;transition:background-color .3s ease;border:none;background:none;width:100%;cursor:pointer;font-family:inherit}.menu-option[data-v-b3031da2]:hover{background-color:#7f55e01a}.menu-option svg[data-v-b3031da2]{flex-shrink:0;opacity:.7}.logout-option[data-v-b3031da2]{color:#ff6b6b}.logout-option[data-v-b3031da2]:hover{background-color:#ff6b6b1a}.menu-divider[data-v-b3031da2]{height:1px;background-color:#ffffff1a;margin:8px 0}@media screen and (max-width: 900px){.menu-items[data-v-b3031da2]{display:none}.navbar-container[data-v-b3031da2]{padding-right:20px}.hamburger-button[data-v-b3031da2]{display:flex}.search-container[data-v-b3031da2]{margin-right:15px}.user-block[data-v-b3031da2],.user-name[data-v-b3031da2]{display:none}.user-avatar[data-v-b3031da2]{padding:8px}}@media screen and (max-width: 700px){.search-input[data-v-b3031da2]{width:150px}}@media screen and (max-width: 480px){.navbar-container .search-container[data-v-b3031da2]{display:none}.mobile-menu[data-v-b3031da2]{width:100%;right:-100%}.mobile-user-avatar .profile-pic[data-v-b3031da2]{width:40px;height:40px}.mobile-user-name[data-v-b3031da2]{font-size:14px}.mobile-user-email[data-v-b3031da2]{font-size:11px}}@media screen and (max-width: 768px){.user-menu[data-v-b3031da2]{min-width:180px;right:-20px}}.footer[data-v-f81f80a0]{background-color:#0f0f0f;border-top:1px solid rgba(255,255,255,.1);padding:50px 0 20px;color:#fff;margin-top:50px}.footer-container[data-v-f81f80a0]{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.footer-top[data-v-f81f80a0]{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:40px;justify-content:space-between}.footer-logo[data-v-f81f80a0]{display:flex;align-items:flex-start;margin-right:30px}.logo-image[data-v-f81f80a0]{max-width:100%}.logo-circular[data-v-f81f80a0]{width:140px;height:140px;border-radius:50%;object-fit:cover;padding:10px;border:4px solid #7f55e0;box-shadow:0 0 15px #7f55e080;transition:box-shadow .3s ease;display:block}.logo-mobile[data-v-f81f80a0]{display:none;height:45px;object-fit:contain}.logo-circular[data-v-f81f80a0]:hover{box-shadow:0 0 20px #7f55e0b3}.footer-links-container[data-v-f81f80a0]{flex:1;display:flex;justify-content:flex-end}.footer-links[data-v-f81f80a0]{display:flex;flex-wrap:wrap;gap:60px}.link-category h4[data-v-f81f80a0]{color:#7f55e0;margin:0 0 15px;font-size:1rem;font-weight:600}.link-category ul[data-v-f81f80a0]{list-style:none;padding:0;margin:0}.link-category li[data-v-f81f80a0]{margin-bottom:10px}.link-category a[data-v-f81f80a0]{color:#ddd;text-decoration:none;font-size:.9rem;transition:color .3s}.link-category a[data-v-f81f80a0]:hover{color:#7f55e0}.footer-middle[data-v-f81f80a0]{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:20px}.social-container[data-v-f81f80a0]{display:flex;flex-direction:column;align-items:center;gap:15px}.social-links[data-v-f81f80a0]{display:flex;gap:15px;flex-wrap:wrap}.social-link[data-v-f81f80a0]{background-color:#7f55e033;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:background-color .3s}.social-link[data-v-f81f80a0]:hover{background-color:#7f55e0}.social-icon[data-v-f81f80a0]{width:24px;height:24px}.newsletter[data-v-f81f80a0]{max-width:400px;width:100%}.newsletter h4[data-v-f81f80a0]{color:#7f55e0;margin:0 0 10px;font-size:1rem}.newsletter-form[data-v-f81f80a0]{display:flex}.newsletter-form input[data-v-f81f80a0]{flex:1;padding:10px 15px;border-radius:4px 0 0 4px;border:none;background-color:#1a1a1a;color:#fff;font-size:.9rem}.newsletter-form button[data-v-f81f80a0]{background-color:#7f55e0;color:#fff;border:none;padding:0 15px;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color .3s;font-size:.9rem;white-space:nowrap}.newsletter-form button[data-v-f81f80a0]:hover{background-color:#6640c4}.footer-bottom[data-v-f81f80a0]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;font-size:.8rem;color:#aaa}.copyright[data-v-f81f80a0]{margin:5px 0;text-align:center}@media screen and (max-width: 900px){.footer-top[data-v-f81f80a0]{flex-direction:column;align-items:center;text-align:center;gap:40px}.footer-logo[data-v-f81f80a0]{margin-right:0;margin-bottom:0}.footer-links-container[data-v-f81f80a0]{justify-content:center;width:100%}.footer-links[data-v-f81f80a0]{justify-content:center;gap:40px}.footer-middle[data-v-f81f80a0]{flex-direction:column;gap:30px}.newsletter[data-v-f81f80a0]{width:100%;max-width:500px;text-align:center}.newsletter h4[data-v-f81f80a0]{text-align:center}.social-container[data-v-f81f80a0]{width:100%}.social-links[data-v-f81f80a0]{justify-content:center}}@media screen and (max-width: 767px){.footer[data-v-f81f80a0]{padding:30px 0 15px}.logo-circular[data-v-f81f80a0]{display:none}.logo-mobile[data-v-f81f80a0]{display:block}.footer-top[data-v-f81f80a0]{margin-bottom:20px}.footer-links[data-v-f81f80a0]{flex-direction:column;gap:30px;width:100%}.link-category[data-v-f81f80a0]{width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px}.link-category[data-v-f81f80a0]:last-child{border-bottom:none}.newsletter-form[data-v-f81f80a0]{flex-direction:column}.newsletter-form input[data-v-f81f80a0]{border-radius:4px;margin-bottom:10px}.newsletter-form button[data-v-f81f80a0]{border-radius:4px;padding:10px;width:100%}.social-container[data-v-f81f80a0]{margin-top:15px}.social-links[data-v-f81f80a0]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.social-link[data-v-f81f80a0]{width:35px;height:35px}.social-icon[data-v-f81f80a0]{width:20px;height:20px}}@media screen and (max-width: 375px){.footer-container[data-v-f81f80a0]{padding:0 15px}.social-links[data-v-f81f80a0]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}}.app-container{min-height:100vh;background-color:#000;color:#fff;display:flex;flex-direction:column;position:relative}.main-content{padding-top:9vh;width:100%;margin:0 auto;padding-left:20px;padding-right:20px;box-sizing:border-box;flex:1;position:relative}