.login-page-container{margin:10px 30%;width:500px}.login-page-header{margin-bottom:25px}.login-page-background{display:flex;justify-content:space-around;gap:5%;align-items:center;height:100vh;background:radial-gradient(70% 80% at center 0,rgba(74,244,170,.15) 3%,rgba(74,244,170,0) 70%,rgba(74,244,170,0) 100%);text-align:center;padding:5%}.login-text-input{height:40px;padding:10px;border-radius:var(--radius);outline:none;border:2px solid var(--bg-interactive-hover);font-size:14px;background-color:rgb(255,255,255,.104);flex:1;width:100%;min-width:100%}.login-text-input:focus{border:2px solid var(--brand-2)}.login-input-label{color:var(--text-light);display:flex;flex-direction:column;gap:5px;margin-bottom:10px;text-align:left!important}.login-submit-btn{height:40px;padding:10px 15px;border:2px solid var(--bg-primary-hover)!important;border-radius:var(--radius);background:var(--brand);cursor:pointer;font-size:14px}.login-submit-btn:hover{background-color:var(--brand-hover)!important}.social-btns-container{display:flex;gap:25px;justify-content:space-between}@media screen and (max-width:1100px){.social-btns-container{flex-direction:column;gap:10px}.login-page-container{margin:10px 10%}}.social-login-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;user-select:none;border-radius:var(--radius);font-weight:500;color:white;border:2px solid var(--bg-primary-hover);backdrop-filter:blur(25px);background-origin:border-box;background:linear-gradient(104deg,rgba(253,253,253,.05) 5%,rgba(240,240,228,.1));box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .2s ease-in-out;font-size:14px;height:3rem;cursor:pointer;width:100%}.social-login-btn:hover{background:linear-gradient(104deg,rgba(253,253,253,.03) 5%,rgba(240,240,228,.05))}.social-btn-icon{height:1em}