@import "https://fonts.googleapis.com/css2?family=Inclusive+Sans:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400;700&display=swap";:root{--bg-1:#111827;--bg-2:#1b2534;--bg-3:#2e3a4c;--bg-trans:#0000;--gold-1:#ffcd4d;--gold-2:#ffd54c}body{background-color:var(--bg-2);color:#fff;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Inclusive Sans,Trebuchet MS,sans-serif;font-size:16px;display:flex}button{cursor:pointer;font-family:Inclusive Sans,Trebuchet MS,sans-serif}button:disabled{cursor:not-allowed}img{-webkit-user-select:none;user-select:none}a{color:var(--gold-1)!important}#navbar{background-color:var(--bg-1);z-index:100;flex-direction:row;align-items:stretch;width:100vw;height:80px;display:flex;position:fixed;top:0;left:0}#navbar-icon{cursor:pointer;height:calc(100% - 20px);margin:10px 5px 10px 20px}.navbar-button{white-space:nowrap;color:#fff;background-color:var(--bg-trans);text-align:center;border:none;width:fit-content;height:calc(100% - 20px);margin:10px;font-family:Inclusive Sans,Trebuchet MS,sans-serif;font-size:20px;transition:all .2s;position:relative}.navbar-button:after{content:"";background-color:currentColor;width:0;height:1.5px;transition:all .2s;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.navbar-button:hover:after{width:100%;transition:all .2s}.navbar-button:active:after{background-color:var(--gold-1);transition:all .2s}.navbar-button.matches{color:var(--gold-1);transition:all .2s}.navbar-button.matches:after{width:100%;transition:all .2s}.navbar-sep{background-color:var(--bg-3);border:none;width:2px;height:calc(100% - 40px);margin:20px 10px}#navbar-dropdown,#navbar-dropdownmenu{display:none}@media (width<=767px){.navbar-button,.navbar-sep{display:none}#navbar-dropdown{border:1px solid var(--bg-3);background-color:var(--bg-2);border-radius:5px;justify-content:center;align-items:center;width:50px;height:50px;position:absolute;top:15px;right:15px;display:flex!important}#navbar-dropdown:hover,#navbar-dropdown:active,#navbar-dropdown.active{background-color:var(--bg-3)}#navbar-dropdownmenu{background-color:var(--bg-1);border:1px solid var(--bg-2);border-radius:5px;width:min-content;height:min-content;position:absolute;top:75px;right:15px}#navbar-dropdownmenu.active{display:inline-block!important}#navbar-dropdownmenu .navbar-button{display:flex!important}#navbar-dropdownmenu .navbar-button:after{bottom:0;left:50%;transform:translate(-50%)}}@keyframes fadein-anim{0%{opacity:0;transform:translateY(-2vh)}to{opacity:1;transform:translateY(0)}}#home{flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}#home-bg{z-index:1;pointer-events:none;opacity:0;width:100%;height:100%;margin:0;padding:0;position:fixed;top:0;left:0}#home-bg.visible{opacity:1;transition:opacity 3s}#home-left{background-color:none;z-index:2;flex-direction:column;justify-content:center;width:40vw;height:min-content;margin-right:5vw;display:flex}#hl-logo{opacity:0;margin-left:5vw;margin-right:5vw;animation:.5s ease-out forwards fadein-anim;transform:translateY(-2vh)}#hl-title{text-align:center;width:90%;color:var(--gold-1);opacity:0;margin:2vh 0 0;padding:0% 5%;font-size:2.2vw;font-weight:700;animation:.5s ease-out .1s forwards fadein-anim;transform:translateY(-2vh)}#hl-subtitle{text-align:center;background-color:none;border-radius:none;opacity:0;border:none;width:90%;padding:0% 5%;font-size:1.6vw;animation:.5s ease-out .2s forwards fadein-anim;transform:translateY(-2vh)}#hl-stats{flex-direction:row;justify-content:center;gap:5vw;width:100%;display:flex}.hl-stat{opacity:0;flex-direction:column;justify-content:center;align-self:stretch;animation:.5s ease-out forwards fadein-anim;display:flex;transform:translateY(-2vh)}.hl-stat:first-child{animation-delay:.3s}.hl-stat:nth-child(2){animation-delay:.4s}.hl-stat:nth-child(3){animation-delay:.5s}.hl-stat-num{color:var(--gold-1);text-align:center;margin:0;padding:0;font-family:Noto Sans Mono;font-size:2.5vw;font-weight:700}.hl-stat-desc{color:var(--gold-1);text-align:center;margin:0;padding:0;font-size:1vw}#home-right{background-color:var(--bg-3);opacity:0;z-index:2;border:none;border-radius:20px;flex-direction:column;justify-content:center;width:30vw;height:min-content;padding:2.5vw;animation:.5s ease-out .2s forwards fadein-anim;display:flex;transform:translateY(-2vh)}#hr-countdown-title{color:var(--gold-1);text-align:center;margin:0;padding:0;font-size:1.4vw;font-weight:700}#hr-countdown{text-align:center;color:#fff;width:100%;font-family:Noto Sans Mono;color:gray!important}.hr-countdown-num{font-size:1.8vw}.hr-countdown-unit{font-size:1.4vw}.hr-countdown-unit:not(:last-child){margin-right:1em}#hr-sep{background:gray;border:none;border-radius:0;width:100%;height:1px;margin:2vh 0}#hr-desc{text-align:justify;margin:1vh 0 0;padding:0;font-size:1vw}#hr-buttons{flex-direction:row;justify-content:center;gap:2vw;margin-top:3vh;display:flex}.hr-button{background-color:var(--gold-1);height:5vh;color:var(--bg-1);border:none;border-radius:10px;flex:1;font-size:1.2vw;font-weight:700;transition:all .3s}.hr-button:hover{background-color:var(--gold-2);transition:all .3s}@media (width<=767px){#home{flex-direction:column;justify-content:center;align-items:center;height:auto;margin-top:120px;margin-bottom:20px;display:flex;overflow:visible}#home-left{width:80vw;margin:0}#hl-title{font-size:4.4vw}#hl-subtitle{font-size:3.2vw}.hl-stat-num{font-size:5vw}.hl-stat-desc{font-size:2vw}#home-right{width:80vw;margin-top:5vh;padding:5vw}#hr-countdown-title{font-size:18px}.hr-countdown-num{font-size:24px}.hr-countdown-unit{font-size:20px}#hr-sep{margin:10px 0}#hr-desc{font-size:12px}#hr-buttons{margin-top:3vh}.hr-button{font-size:12px}}.infopage{width:100vw;margin:0;padding:0;position:absolute;top:80px;left:0}.infopage div{background-color:var(--bg-3);border:none;border-radius:50px;width:90vw;margin-top:3vw;margin-left:3vw;margin-right:3vw;padding:2vw}.infopage div:last-child{margin-bottom:3vw}@media (width<=1024px){.infopage div{border-radius:20px;width:calc(100% - 80px);margin-top:20px;margin-left:20px;margin-right:20px;padding:20px}.infopage div:last-child{margin-bottom:20px}}.infopage div h2{color:var(--gold-1);margin:0 0 12px;font-size:24px;font-weight:700}.infopage div h3{color:var(--gold-1);margin:0 0 8px;font-size:18px;font-weight:700}.infopage div p{margin:0 0 16px;font-size:16px;line-height:1.5}.infopage div .gold{color:var(--gold-1);font-weight:700}
