.loginContainer{min-height:100vh;display:table;width:100%;overflow:hidden;position:relative}.loginInner{display:table-cell;vertical-align:middle;position:relative;z-index:1}.loginInnerBackground{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/background1.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:0}.loginBackDim{width:100%;height:100%;background-color:rgba(0,0,0,.3)}.loginBox{box-shadow:0 0 3px 2px rgb(0 0 0/5%);border-radius:20px;padding:50px 20px;width:50%;margin:0 auto;background-color:#fff;max-width:500px}.loginHeader{text-align:center}.loginTitle{font-size:1.875em;padding:30px 0;color:#222;font-weight:600}.loginTitle .green{color:var(--primary-color)}.loginForm{margin-top:2rem}.loginForm,.loginFormFields{display:flex;flex-direction:column;gap:1.5rem}.loginInputWrapper{position:relative;width:100%;height:70px;margin-top:0}.loginInputMaterial{width:100%;height:60px;padding:0;border:none;background:transparent;color:rgba(0,0,0,.87);outline:none;position:relative;z-index:1}.loginInputMaterial,.loginLabelMaterial{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400;top:10px}.loginLabelMaterial{position:absolute;left:0;z-index:2;cursor:pointer;line-height:60px;color:rgba(0,0,0,.6);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.loginInputSpin,.loginInputWrapper:before{width:100%;height:1px;position:absolute;bottom:0;left:0}.loginInputWrapper:before{content:"";background:rgba(0,0,0,.12);z-index:3}.loginInputSpin{background:var(--primary-color);z-index:4;width:0;transition:width .3s cubic-bezier(.4,0,.2,1)}.loginInputWrapper.focused .loginInputSpin{width:100%}.loginInputWrapper.focused .loginLabelMaterial{line-height:18px;font-size:.75rem;font-weight:400;top:0;color:var(--primary-color)}.loginInputMaterial:focus{outline:none}.loginErrorBox{border-radius:.375rem;background-color:#fef2f2;padding:1rem}.loginErrorText{font-size:.875rem;color:#991b1b}.loginButtonWrapper{width:100%}.loginButtonWrapper button{width:100%;padding:20px;border-radius:5px;border:none;margin-top:30px;color:#fff;font-size:1.125em;font-weight:700;background-color:var(--primary-color);cursor:pointer;transition:background-color .2s}.loginButtonWrapper button:hover:not(:disabled){background-color:var(--primary-hover)}.loginButtonWrapper button:disabled{opacity:.6;cursor:not-allowed}.loginFooter{margin-top:2rem;text-align:center}.signupLink{color:var(--primary-color);font-size:.875rem;text-decoration:underline;transition:color .2s}.signupLink:hover{color:var(--primary-hover)}@media only screen and (max-width:800px){.loginBox{width:90%;padding:30px 15px}}