@font-face{font-family:GrindFont;src:url(/fonts/EUROSTILE_LT_STD_BOLD.OTF) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Text-Bold;src:url(/fonts/Eurostile_Bold.ttf) format("truetype");font-style:normal}@font-face{font-family:Text;src:url(/fonts/EUROSTILE.TTF) format("truetype");font-style:normal}*{padding:0;margin:0;font-family:GrindFont}.nav-mobile{display:none}.navbar{display:flex;justify-content:space-between;align-items:center;background:#17161ba6;border-radius:10px;height:90px;margin:15px 15px 0;width:calc(100% - 30px);position:fixed;z-index:999}.nav-left{display:flex;align-items:center}.nav-logo{position:relative;height:90px}.nav-controller-icon{width:160px;height:90px;cursor:pointer;background:#17161ba6;border-radius:10px 0 0 10px}.nav-dropdown-container{position:absolute;top:110px;left:0;display:none}.nav-dropdown-container.show{display:block}.nav-center{margin-left:120px}.nav-links{list-style:none;display:flex;gap:30px;font-size:1.3rem}.nav-links li a{text-decoration:none;color:gray;padding:30px;cursor:pointer;font-family:Text-Bold}.nav-links li a:hover,.nav-links li a.active,.nav-mobile-links li a.active{color:#ff326c;border-bottom:2px solid #ff326c}.nav-right{display:flex;align-items:center}.nav-user{height:60px;width:60px;border-radius:15px;border:none;background-color:#17161be6}.nav-user i{font-size:1.5rem;color:#ff326c}.nav-user:hover{border:1px solid #ff326c;background-color:#5e2235;cursor:pointer}.nav-connect-btn{background-color:#17161be6;height:60px;width:250px;font-size:1.2rem;color:#ff326c;border-radius:10px;margin-right:15px;margin-left:15px;border:none;cursor:pointer}.nav-connect-btn:hover{border:1px solid #ff326c;background-color:#5e2235}.nav-drop-down{border-radius:15px;width:350px;height:250px;position:relative}.nav-drop-down-content{background-color:#17161bbf;padding-top:15px;padding-bottom:15px;border-radius:10px}.nav-drop-down-triangle{height:18px;width:36px;background-color:#17161bbf;clip-path:polygon(50% 0%,0% 100%,100% 100%);margin-left:60px;position:absolute;top:-18px}.nav-drop-down-item{width:320px;height:110px;margin-left:15px;margin-right:15px;border-radius:10px}.nav-drop-down-item:hover{background-color:#4c495a4d}.nav-drop-down-item img{width:275px;height:85px;padding-left:22.5px;padding-top:12.5px}.account-dropdown-container{position:absolute;top:125px;right:50px;display:none}.account-dropdown-container.show{display:block}.account-dropdown-container .nav-drop-down{border-radius:15px;width:200px;height:200px;position:relative}.account-dropdown-container .nav-drop-down-triangle{height:18px;width:36px;background-color:#17161bbf;clip-path:polygon(50% 0%,0% 100%,100% 100%);left:50%;transform:translate(-50%);margin-left:0;position:absolute;top:-18px}.account-dropdown-container .nav-drop-down-content{padding-top:10px;padding-bottom:10px}.nav-drop-down-account-item{width:180px;padding:10px 0;text-align:center;margin-left:10px;font-size:20px;border-radius:10px;margin-top:5px}.logout-btn{width:180px;height:100%;background-color:#3077db;border:none;color:#fff;font-size:20px;padding:10px 0;margin-left:10px;border-radius:10px;margin-top:5px;cursor:pointer}.logout-btn:hover{background-color:#439bff}.logout-btn:focus{width:175px;margin-left:12.5px;padding:8px 0;font-size:18px}.nav-drop-down-account-item:hover{background-color:#4c495a4d}.nav-drop-down-account-item a{text-decoration:none;color:gray}.account-btn{display:flex;gap:10px;align-items:center;justify-content:center}.coming-soon{position:relative}.coming-soon:after{content:"COMING SOON";position:absolute;top:100%;left:50%;transform:translate(25%);background:#000000bf;color:#fff;font-size:1rem;padding:10px;border-radius:5px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out;margin-top:5px}.coming-soon:hover:after{opacity:1;visibility:visible}@media (min-width: 1281px) and (max-width: 1599px){.navbar{height:80px;margin:15px}.nav-logo{position:relative;height:80px}.nav-controller-icon{width:150px;height:80px}.nav-center{margin-left:90px}.nav-links{gap:25px;font-size:1.1rem}.nav-links li a{padding:15px 15px 25px}.nav-user{height:60px;width:60px;border-radius:15px;border:none;background-color:#17161be6}.nav-user i{font-size:1.5rem;color:#ff326c}.nav-user:hover{border:1px solid #ff326c;background-color:#5e2235;cursor:pointer}.nav-connect-btn{height:55px;width:220px;font-size:1.2rem;margin-right:15px;margin-left:15px}.nav-dropdown-container{top:100px}.nav-drop-down{border-radius:15px;width:300px;height:200px;position:relative}.nav-drop-down-content{background-color:#17161bbf;padding-top:15px;padding-bottom:15px;border-radius:10px}.nav-drop-down-triangle{height:18px;width:36px;background-color:#17161bbf;clip-path:polygon(50% 0%,0% 100%,100% 100%);margin-left:60px;position:absolute;top:-18px}.nav-drop-down-item{width:270px;height:100px;margin-left:15px;margin-right:15px;border-radius:10px}.nav-drop-down-item:hover{background-color:#4c495a4d}.nav-drop-down-item img{width:225px;height:auto;padding-left:22.5px;padding-top:17.5px}.account-dropdown-container{top:115px;right:30px}.account-dropdown-container .nav-drop-down{border-radius:15px;width:200px;height:200px}.account-dropdown-container .nav-drop-down-triangle{height:18px;width:36px;background-color:#17161bbf;clip-path:polygon(50% 0%,0% 100%,100% 100%);left:50%;transform:translate(-50%);margin-left:0;position:absolute;top:-18px}.account-dropdown-container .nav-drop-down-content{padding-top:8px;padding-bottom:8px}.nav-drop-down-account-item{width:180px;padding:10px 0;text-align:center;margin-left:10px;font-size:17px;border-radius:10px;margin-top:5px}.logout-btn{width:180px;height:100%;background-color:#3077db;border:none;color:#fff;font-size:17px;padding:10px 0;margin-left:10px;border-radius:10px;margin-top:5px;cursor:pointer}.logout-btn:focus{width:175px;margin-left:12.5px;padding:8px 0;font-size:18px}.account-btn{gap:10px}}@media (min-width: 1024px) and (max-width: 1280px) and (orientation: landscape){.navbar{height:70px;margin:15px}.nav-logo{position:relative;height:70px}.nav-controller-icon{width:150px;height:70px}.nav-center{margin-left:50px}.nav-links{gap:10px;font-size:1rem}.nav-links li{text-wrap:nowrap}.nav-links li a{padding:10px 10px 20px}.nav-user{height:60px;width:60px;border-radius:15px;border:none;background-color:#17161be6}.nav-user i{font-size:1.5rem;color:#ff326c}.nav-user:hover{border:1px solid #ff326c;background-color:#5e2235;cursor:pointer}.nav-connect-btn{height:40px;width:200px;font-size:1.1rem;margin-right:15px;margin-left:15px}.nav-dropdown-container{top:90px}.nav-drop-down{border-radius:15px;width:300px;height:200px;position:relative}.nav-drop-down-content{background-color:#17161bbf;padding-top:15px;padding-bottom:15px;border-radius:10px}.nav-drop-down-triangle{height:18px;width:36px;background-color:#17161bbf;clip-path:polygon(50% 0%,0% 100%,100% 100%);margin-left:60px;position:absolute;top:-18px}.nav-drop-down-item{width:270px;height:100px;margin-left:15px;margin-right:15px;border-radius:10px}.nav-drop-down-item:hover{background-color:#4c495a4d}.nav-drop-down-item img{width:225px;height:auto;padding-left:22.5px;padding-top:17.5px}.account-dropdown-container{top:115px;right:30px}.account-dropdown-container .nav-drop-down{border-radius:15px;width:200px;height:200px}.account-dropdown-container .nav-drop-down-triangle{height:18px;width:36px;background-color:#17161bbf;clip-path:polygon(50% 0%,0% 100%,100% 100%);left:50%;transform:translate(-50%);margin-left:0;position:absolute;top:-18px}.account-dropdown-container .nav-drop-down-content{padding-top:8px;padding-bottom:8px}.nav-drop-down-account-item{width:180px;padding:10px 0;text-align:center;margin-left:10px;font-size:17px;border-radius:10px;margin-top:5px}.logout-btn{width:180px;height:100%;background-color:#3077db;border:none;color:#fff;font-size:17px;padding:10px 0;margin-left:10px;border-radius:10px;margin-top:5px;cursor:pointer}.logout-btn:focus{width:175px;margin-left:12.5px;padding:8px 0;font-size:18px}.account-btn{gap:10px}}@media (min-width: 600px) and (max-width: 1023px) and (orientation: landscape) and (min-height: 500px){.navbar{display:none}.nav-mobile{display:flex;flex-direction:column;align-items:center;background:#17161be6;border-radius:10px;height:50px;margin:1%;padding:0 20px;position:fixed;z-index:999;width:98%}.nav-mobile-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.burger-menu{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;width:35px;height:35px}.nav-mobile-logo img{width:auto;height:50px;padding-top:0}.nav-connect-btn-mobile{width:35px;height:35px;font-size:1.3rem;background-color:transparent;border:none;color:#fff}.nav-mobile-menu{position:absolute;top:50px;left:0;width:100%;background:#17161be6;z-index:999;display:none;max-height:220px;overflow-y:auto}.nav-mobile-menu ul{list-style-type:none}.nav-mobile-menu ul li{padding-left:25px;padding-top:10px;padding-bottom:10px}.nav-mobile ul a{text-decoration:none;font-size:15px;color:#fff}.nav-mobile-images{background-color:#00000080;height:50%}.nav-mobile-images .image-div{background-color:transparent;border:none;width:100%;margin-top:10px;display:flex}.nav-mobile-images .image-div a{width:60%;text-align:left;padding-left:25px}.nav-mobile-images img{margin:0;width:60%}.nav-mobile-images .image-div:focus{background-color:#312d31}.nav-mobile-account-menu{position:absolute;top:70px;width:100%;height:85vh;background:#17161be6;z-index:999;left:0}.nav-mobile-account-menu div{padding-top:17.5px;padding-bottom:17.5px}.nav-mobile-account-menu a{text-decoration:none;font-size:20px;color:#fff;margin-left:25px}.nav-mobile-account-menu .logout-btn{width:90%;margin:5%}}@media (max-width: 1000px) and (orientation: landscape) and (max-height: 499px){.navbar{display:none}.nav-mobile{display:flex;flex-direction:column;align-items:center;background:#17161be6;border-radius:10px;height:50px;margin:1%;padding:0 1%;position:fixed;z-index:999;width:96%}.nav-mobile-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.nav-mobile-logo img{width:auto;height:50px;padding-top:0}.burger-menu{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;width:35px;height:35px}.nav-connect-btn-mobile{width:35px;height:35px;font-size:1.3rem;background-color:transparent;border:none;color:#fff}.nav-mobile-menu{position:absolute;top:50px;left:0;width:100%;background:#17161be6;z-index:999;display:none;max-height:220px;overflow-y:auto}.nav-mobile-menu ul{list-style-type:none}.nav-mobile-menu ul li{padding-left:25px;padding-top:10px;padding-bottom:10px}.nav-mobile ul a{text-decoration:none;font-size:15px;color:#fff}.nav-mobile-images{background-color:#00000080;height:50%}.nav-mobile-images .image-div{background-color:transparent;border:none;width:100%;margin-top:10px;display:flex}.nav-mobile-images .image-div a{width:60%;text-align:left;padding-left:25px}.nav-mobile-images img{margin:0;width:60%}.nav-mobile-images .image-div:focus{background-color:#312d31}.nav-mobile-account-menu{position:absolute;top:70px;width:100%;height:85vh;background:#17161be6;z-index:999;left:0}.nav-mobile-account-menu div{padding-top:17.5px;padding-bottom:17.5px}.nav-mobile-account-menu a{text-decoration:none;font-size:20px;color:#fff;margin-left:25px}.nav-mobile-account-menu .logout-btn{width:90%;margin:5%}}@media (max-width: 1080px) and (orientation: portrait){.navbar{display:none}.nav-mobile{display:flex;flex-direction:column;align-items:center;background:#17161ba6;border-radius:10px;height:130px;margin:1%;padding:0 1%;position:fixed;width:96%;z-index:999}.nav-mobile-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.burger-menu{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px}.nav-mobile-logo img{width:auto;height:130px}.nav-connect-btn-mobile{width:40px;height:40px;font-size:1.6rem;background-color:transparent;border:none;color:#fff}.nav-mobile-menu{position:absolute;top:130px;left:0;width:100%;background:#17161be6;z-index:999;display:none}.nav-mobile-menu ul{list-style-type:none}.nav-mobile-menu ul li{padding-left:25px;padding-top:17.5px;padding-bottom:17.5px}.nav-mobile ul a{text-decoration:none;font-size:20px;color:#fff}.nav-mobile-images{background-color:#00000080;height:50%}.nav-mobile-images .image-div{background-color:transparent;border:none;width:100%;margin-top:15px;display:flex}.nav-mobile-images img{margin:25px}.nav-mobile-images .image-div:focus{background-color:#312d31}.nav-mobile-account-menu{position:absolute;top:70px;width:100%;height:85vh;background:#17161be6;z-index:999;left:0}.nav-mobile-account-menu div{padding-top:17.5px;padding-bottom:17.5px}.nav-mobile-account-menu a{text-decoration:none;font-size:20px;color:#fff;margin-left:25px}.nav-mobile-account-menu .logout-btn{width:90%;margin:5%}}@media (min-width: 600px) and (max-width: 800px) and (orientation: portrait){.nav-mobile{display:flex;flex-direction:column;align-items:center;background:#17161ba6;border-radius:10px;height:70px;margin:1%;padding:0 1%;position:fixed;width:96%;z-index:999}.nav-mobile-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.burger-menu{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px}.nav-mobile-logo img{width:auto;height:70px;padding-top:0}.nav-connect-btn-mobile{width:40px;height:40px;font-size:1.6rem;background-color:transparent;border:none;color:#fff}.nav-mobile-menu{position:absolute;top:70px;left:0;width:100%;background:#17161be6;z-index:999;display:none;height:auto;overflow-y:auto}.nav-mobile-menu ul{list-style-type:none}.nav-mobile-menu ul li{padding-left:25px;padding-top:17.5px;padding-bottom:17.5px}.nav-mobile ul a{text-decoration:none;font-size:20px;color:#fff}.nav-mobile-images{background-color:#00000080;height:100%}.nav-mobile-images .image-div{background-color:transparent;border:none;width:100%;margin-top:15px;display:flex}.nav-mobile-images img{margin:25px}.nav-mobile-images .image-div:focus{background-color:#312d31}.nav-mobile-account-menu{position:absolute;top:70px;width:100%;height:85vh;background:#17161be6;z-index:999;left:0}.nav-mobile-account-menu div{padding-top:17.5px;padding-bottom:17.5px}.nav-mobile-account-menu a{text-decoration:none;font-size:20px;color:#fff;margin-left:25px}.nav-mobile-account-menu .logout-btn{width:90%;margin:5%}}@media (max-width: 499px) and (orientation: portrait){.nav-mobile{display:flex;flex-direction:column;align-items:center;background:#17161be6;border-radius:10px;height:70px;margin:1%;padding:0 1%;position:fixed;width:96%;z-index:999}.nav-mobile-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.burger-menu{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px}.nav-mobile-logo img{width:auto;height:70px;padding-top:0}.nav-connect-btn-mobile{width:40px;height:40px;font-size:1.6rem;background-color:transparent;border:none;color:#fff}.nav-mobile-menu{position:absolute;top:70px;left:0;width:100%;background:#17161be6;z-index:999;display:none;max-height:calc(100vh - 70px - 1%);overflow-y:auto}.nav-mobile-menu ul{list-style-type:none}.nav-mobile-menu ul li{padding-left:25px;padding-top:15px;padding-bottom:15px}.nav-mobile ul a{text-decoration:none;font-size:18px;color:#fff}.nav-mobile-images{background-color:#00000080;height:50%}.nav-mobile-images .image-div{background-color:transparent;border:none;width:100%;margin-top:15px;display:flex}.nav-mobile-images img{margin:10px}.nav-mobile-images .image-div:focus{background-color:#312d31}.nav-mobile-account-menu{position:absolute;top:70px;width:100%;height:85vh;background:#17161be6;z-index:999;left:0}.nav-mobile-account-menu div{padding-top:17.5px;padding-bottom:17.5px}.nav-mobile-account-menu a{text-decoration:none;font-size:20px;color:#fff;margin-left:25px}.nav-mobile-account-menu .logout-btn{width:90%;margin:5%}}.auth-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.auth-content{background:#17161bd9;border-radius:10px;width:350px;text-align:center;position:relative}.auth-form-container{width:90%;margin-left:5%;color:#fff}.auth-form-container h2{margin-top:10px}.auth-close{position:absolute;top:0;right:15px;font-size:1.5rem;color:#fff;cursor:pointer}.auth-content input{width:90%;padding:3% 5%;margin:15px 0 0;background:#ffffff1a;border:none;color:#fff;border-radius:5px}.auth-content button{width:100%;padding:3%;background:#ff326c;border:none;color:#fff;font-weight:700;border-radius:5px;cursor:pointer;margin-top:15px}.auth-content button:hover{background:#cc295a}.auth-switch{margin-top:10px;color:#fff;font-size:.9rem;margin-bottom:10px}.auth-switch span{color:#ff326c;cursor:pointer}