@import"https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap";:root{--body-grad-top: rgb(10, 10, 10);--body-grad-mid: hsla(240, 13%, 6%, 1);--body-grad-bottom: rgb(38, 9, 9);--text-color: #FFF;--primary-btn-bg: #FFF;--primary-btn-bg-hover: #c7c7c7;--primary-btn-color: #000;--modal-bg: #121212;--modal-border: #333}body.light-mode{--body-grad-top: hsla(0, 0%, 100%, 1);--body-grad-mid: hsla(240, 24%, 85%, 1);--body-grad-bottom: rgb(210, 212, 255);--text-color: #101010;--primary-btn-bg: #000;--primary-btn-bg-hover: #353535;--primary-btn-color: #FFF;--modal-bg: #FFF;--modal-border: #FFF}*{transition:all .3s}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:200px 75px;min-height:calc(100vh - 400px);background-attachment:fixed;color:var(--text-color);background:linear-gradient(to bottom,var(--body-grad-top) 0%,var(--body-grad-mid) 75%,var(--body-grad-bottom) 100%)}ul{list-style:none;padding:0}a,.text-button{color:var(--text-color);text-decoration:none}p,a,.text-button{font-size:16px}button{background-color:transparent;border:none;padding:0;cursor:pointer}.light-theme svg{color:var(--text-color)}svg{color:var(--text-color)}.logo{max-width:125px}.primary-btn{background-color:var(--primary-btn-bg);padding:10px 20px;border-radius:12px;cursor:pointer}.primary-btn:hover{background-color:var(--primary-btn-bg-hover)}.primary-btn a,.primary-btn span{color:var(--primary-btn-color)}.third-party-logo{max-width:35px}.login-wrapper{display:flex;justify-content:center;width:100%;padding:20px}.login-modal{background-color:var(--modal-bg);border:1px solid var(--modal-border);padding:3rem 2rem;border-radius:16px;box-shadow:0 10px 25px #00000080;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.login-title{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.login-btn{display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:12px 20px;border:none;border-radius:4px;font-size:14px;font-family:Roboto,sans-serif;font-weight:500;cursor:pointer;transition:transform .1s ease,opacity .2s ease;gap:12px}.login-btn:hover{opacity:.9;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.btn-google{background-color:#fff;color:#1f1f1f;border:1px solid #dadce0}.btn-google:hover{background-color:#f7f8f8;border-color:#d2e3fc}.light-mode .btn-google{background-color:#131314;color:#e3e3e3;border:1px solid #5f6368}.light-mode .btn-google:hover{background-color:#202124;border-color:#5f6368}.btn-steam{background-color:#171a21;color:#fff;border:1px solid transparent;font-weight:700;letter-spacing:.5px}.btn-steam:hover{background-color:#2a475e}.btn-steam svg{fill:#fff;color:#fff}.btn-icon{width:20px;height:20px}.not-found{display:flex;flex-flow:column;justify-content:center;align-items:center;padding:100px 0}.not-found h1{font-size:58px;margin:10px 0}.header-wrapper{position:fixed;top:0;left:0;width:100%;z-index:999;transition:all .3s ease;background:transparent}.header{display:flex;flex-direction:row;justify-content:center;align-items:center}.header nav{display:flex;flex-direction:row}.header nav .menu-list{width:100%;display:flex;margin:0}.header nav .menu-list li{margin:0 25px}.header nav.left .menu-list li:first-child{margin-left:0}.header nav.right .menu-list li:first-child{margin-right:0}.header nav .menu-list li a,.header nav .menu-list li .text-button{font-size:22px}.header nav .menu-list li a:hover,.header nav .menu-list li .text-button:hover{font-size:25px;color:#ddd}.light-mode .header nav .menu-list li a:hover,.light-mode .header nav .menu-list li .text-button:hover{color:#313131}.header .logo-wrapper img{max-width:175px}.theme-button{display:flex;justify-content:center;align-items:center;cursor:pointer;margin-left:auto}.theme-wrapper{position:absolute;right:30px}.menu-toggle{display:none;background:none;border:none;color:inherit;cursor:pointer;z-index:1001}@media(max-width:980px){.header{justify-content:space-between;padding:0 30px}.header .logo-wrapper img{max-width:125px}.theme-wrapper{position:relative;right:0}.menu-toggle{display:block}.header nav{display:none}}.drawer-container{position:fixed;inset:0;z-index:1000;pointer-events:none;visibility:hidden;transition:visibility .3s;z-index:10000}.drawer-container.open{pointer-events:auto;visibility:visible}.drawer-overlay{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .3s ease}.drawer-container.open .drawer-overlay{opacity:1}.drawer-content{z-index:10001;position:absolute;top:0;left:0;bottom:0;width:280px;background:#1a1a1a;color:#fff;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;padding:20px;box-shadow:2px 0 8px #0003}body.light-mode .drawer-content{background:#fff;color:#000}.drawer-container.open .drawer-content{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;margin-bottom:2rem}.drawer-close{background:none;border:none;cursor:pointer;color:inherit;padding:5px;display:flex;align-items:center;justify-content:center}.drawer-nav{flex:1}.drawer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.drawer-list a{text-decoration:none;color:inherit;font-size:1.2rem;font-weight:500;display:block}@media(min-width:981px){.drawer-container{display:none}}