.basicSubmit{background-color:var(--primary-color)!important}.hamburgerMenuButton{display:none}.loginSplit{min-height:100vh;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center}.loginSplit>*{width:100%}.loginMenu{max-width:600px;width:100%;padding:1rem;position:relative;z-index:1;margin:0 auto}.loginContent{display:flex;flex-direction:column;align-items:center;gap:1.5rem;border-radius:8px;padding:2.5rem 4rem;width:100%;margin:0 auto}.logoContainer{position:relative;width:200px;height:80px;display:block;margin-bottom:-.25rem}.loginContent h1{font-size:2.5rem;font-weight:500;color:#fff;text-align:center;margin:0 0 .5rem}.basicMenu{width:100%;display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start}.basicMenu input[type=email],.basicMenu input[type=password]{width:100%;padding:1.25rem;border-radius:6px;border:1px solid hsla(0,0%,100%,.15);background:rgba(0,0,0,.2);color:#fff;font-size:1rem;transition:all .2s ease}.basicMenu input[type=email]:focus,.basicMenu input[type=password]:focus{border-color:hsla(0,0%,100%,.3);outline:none;background:rgba(0,0,0,.3)}.basicMenu input::placeholder{color:hsla(0,0%,100%,.4)}.formRow{display:flex;justify-content:space-between;align-items:center;width:100%;margin:-.25rem 0}.passwordRow{flex-direction:column;align-items:flex-end;gap:.5rem}.passwordInput,.passwordRow{width:100%;position:relative;display:flex}.passwordInput{align-items:center}.passwordInput .toggleVisibility{all:unset;position:absolute;right:1em;cursor:pointer;display:flex;align-items:center;padding:.5em}.passwordRow .passwordInput input{width:100%;border-radius:6px;border:1px solid hsla(0,0%,100%,.15);background:rgba(0,0,0,.2);color:#fff;font-size:1rem;transition:all .2s ease;padding:1.25rem 3.25em 1.25rem 1.25rem}.forgotPassword{color:hsla(0,0%,100%,.4);text-decoration:none;font-size:.95rem;white-space:nowrap}.forgotPassword:hover{color:hsla(0,0%,100%,.6)}.submitButton{width:100%;padding:1rem;border-radius:6px;border:none;background:#fff;color:#000;font-size:20px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:.5rem 0}.submitButton:hover{opacity:.95;transform:translateY(-1px)}.submitButton:disabled{opacity:.7;cursor:not-allowed;transform:none}.newUser{width:100%;text-align:center;color:hsla(0,0%,100%,.4);font-size:.95rem;margin-top:-.25rem}.tryFree{color:var(--primary-color-dark);text-decoration:none;font-weight:500}.tryFree:hover{text-decoration:underline}.divider{display:flex;align-items:center;text-align:center;color:hsla(0,0%,100%,.4);font-size:.95rem;width:100%}.divider:after,.divider:before{content:"";flex:1 1;border-bottom:1px solid hsla(0,0%,100%,.1);margin:0 1rem}.googleButton,.googleLogin{width:100%}.googleButton button{width:100%;background:linear-gradient(180deg,#fff,#f8f9fa);color:rgba(0,0,0,.87);border-radius:6px;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.1)}.googleButton button div{font-size:20px;transform:translateY(0)!important}.googleButton button:hover{background:linear-gradient(180deg,#f8f9fa,#f1f3f4);box-shadow:0 1px 3px rgba(0,0,0,.15)}.loginIssues{width:100%;text-align:center;margin-top:.25rem;position:relative}.loginIssues,.loginIssuesButton{color:hsla(0,0%,100%,.4);font-size:1rem}.loginIssuesButton{background:none;border:none;cursor:pointer;padding:.5rem;transition:color .2s ease}.loginIssuesButton:hover{color:hsla(0,0%,100%,.6)}.loginIssuesDropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:.75rem 1rem;margin-top:.5rem;z-index:10;width:max-content}.loginIssuesDropdown.show{display:block}.loginIssuesDropdown a{color:hsla(0,0%,100%,.4);text-decoration:none;font-size:.95rem;white-space:nowrap}.loginIssuesDropdown a:hover{color:hsla(0,0%,100%,.6)}.loginIssuesDropdown:before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;background:rgba(0,0,0,.9);border-left:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1)}.menuSide{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center}.desktopLogin{display:none}.mobileLogin{display:block}.errorBox{background:rgba(255,0,0,.1);color:#ff6b6b;padding:.875rem;border-radius:4px;text-align:center;width:100%;font-size:.875rem}.subtitle{font-size:.9rem;margin-top:-1.25rem;margin-bottom:0;text-align:center}.successBox{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem}.backToLogin,.successBox,.successContent{text-align:center}.backToLogin{margin-top:1.5rem}.backLink{color:#666;text-decoration:none;font-size:.9rem;transition:color .2s}.backLink:hover{color:#333}@media screen and (max-width:767px){.loginMenu{padding:1rem}.loginContent{padding:1.5rem}}@media screen and (min-width:767px){.desktopLogin{display:block}.mobileLogin{display:none}.loginContent{border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,7%,.85)}.loginContent h1{font-size:2.25rem}.basicMenu input{font-size:.9375rem;padding:.875rem 1rem}.forgotPassword{font-size:.95rem}.googleButton button{padding:.875rem}.googleButton button div,.submitButton{font-size:.95rem}.submitButton{padding:.875rem}}