.login-page {width: 100%;position: fixed;z-index: 1000;height: 100vh;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);opacity: 0;pointer-events: none;transition: opacity .5s ease;}
.login-page.open{opacity: 1;pointer-events: all;}
.auth-block{width: 90%;max-width: 392px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 40px 0;background: black;border-radius: 10px;display: flex;flex-direction: column;align-items: center;gap: 15px;}
.auth-menu{width: 90%;display: flex;align-items: center;gap: 15px;}
.auth-menu-btn{width: fit-content;font-size: 14px;font-family: "Mont-Bold";color: #ADADAD;border: none;background: transparent;cursor: pointer;transition: color .3s ease;}
.auth-menu-btn.active{color: #87C212;}
.auth-content{width: 90%;display: flex;flex-direction: column;}
.auth-content-login, .auth-content-reg{width: 100%;display: flex;flex-direction: column;gap: 10px;display: none;transition: display .3s ease;}
.auth-content-login.active{display: flex;}
.auth-content-reg.active{display: flex;}
.auth-content-login-input{width: 100%;aspect-ratio: 273/40;border-radius: 10px;background: #454545;position: relative;display: flex;box-sizing: border-box;padding: 5px 20px;align-items: center;}
.auth-content-login-input-content{flex-grow: 1;display: flex;flex-direction: column;gap: 2px;}
.auth-content-login-input-content span{font-size: 10px;font-family: "Mont-Regular";color: rgba(255, 255, 255, 0.6);}
.auth-content-login-input-content input{width: 100%;flex-grow: 1;border: none;background: transparent;font-size: 12px;font-family: "Mont-Regular";color: white;}
input:focus {outline: none;box-shadow: none;}
.auth-content-login-img{width: 10.6px;height: 14.6px;}
.auth-content-login-img img{width: 100%;height: 100%;}
.auth-content-login-btn{width: 18px;height: 12px;border: none;background: transparent;}
.auth-content-login-btn img{width: 100%;height: 100%;}
.auth-check-box{width: 90%;display: flex;align-items: center;gap: 15px;}
.auth-check-box input{width: 20px;aspect-ratio: 1/1;background: #ADADAD;border-radius: 3px;}
.auth-check-box span{font-size: 12px;font-family: "Mont-Regular";color: white;}
.auth-login-btn{width: 100%;aspect-ratio: 273/53;border-radius: 100px;background: linear-gradient(141deg, #008C0E 0%, #093F0F 100%);border: none;display: flex;align-items: center;justify-content: center;color: white;font-family: "Mont-Bold";font-size: 18px;cursor: pointer;}
.auth-login-line{width: 100%;border: 1px solid white;margin-top: 20px;}
.password_change{width: 100%;display: flex;justify-content: center;font-size: 12px;font-family: "Mont-Regular";color: white;text-decoration: none;margin-top: 20px;}
.login-with-google{width: 100%;aspect-ratio: 273/40;box-sizing: border-box;padding: 2px;border: none;background: linear-gradient(141deg, #008C0E 0%, #093F0F 100%);border-radius: 10px;margin-top: 20px;}
.login-with-google-content{width: 100%;height: 100%;background: black;border-radius: 10px;display: flex;align-items: center;justify-content: center;position: relative;font-size: 12px;font-family: "Mont-Regular";color: white;}
.login-with-google-content img{width: 30px;aspect-ratio: 1/1;position: absolute;left: 20%;}
.reg-info{font-size: 12px;font-family: "Mont-Regular";}