.loginPage{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background-color:#fcf5f3;padding:40px 20px}@media(max-width:738px){.loginPage{padding:30px 15px}}.loginPage .loginContainer{width:100%;max-width:500px;margin:0 auto}.loginPage .loginContainer .loginWrapper{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:50px 40px}@media(max-width:738px){.loginPage .loginContainer .loginWrapper{padding:40px 30px}}.loginPage .loginContainer .loginWrapper .loginContent{width:100%}.loginPage .loginContainer .loginWrapper .loginContent .loginTitle{font-size:42px;font-weight:700;color:#000;text-align:center;margin:0 0 10px;position:relative;display:inline-block;width:100%}@media(max-width:1366px){.loginPage .loginContainer .loginWrapper .loginContent .loginTitle{font-size:36px}}@media(max-width:1024px){.loginPage .loginContainer .loginWrapper .loginContent .loginTitle{font-size:32px}}@media(max-width:738px){.loginPage .loginContainer .loginWrapper .loginContent .loginTitle{font-size:28px}}.loginPage .loginContainer .loginWrapper .loginContent .loginTitle:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background-color:#fece51}.loginPage .loginContainer .loginWrapper .loginContent .loginSubtitle{font-size:16px;color:#666;text-align:center;margin:35px 0 30px}@media(max-width:738px){.loginPage .loginContainer .loginWrapper .loginContent .loginSubtitle{font-size:14px;margin:30px 0 25px}}.loginPage .loginContainer .loginWrapper .loginContent .errorMessage{background-color:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center;border:1px solid #fcc}.loginPage .loginContainer .loginWrapper .loginContent .loginForm{margin-bottom:25px}.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup{margin-bottom:20px}@media(max-width:738px){.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup{margin-bottom:18px}}.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup label{display:block;font-size:16px;font-weight:600;color:#000;margin-bottom:8px}@media(max-width:738px){.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup label{font-size:14px;margin-bottom:6px}}.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup input{width:100%;padding:12px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .3s ease;font-family:inherit;box-sizing:border-box}@media(max-width:738px){.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup input{padding:10px 14px;font-size:14px}}.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup input:focus{outline:none;border-color:#fece51}.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup input::placeholder{color:#999}.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup .passwordField{position:relative;width:100%}.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup .passwordField input{padding-right:46px}@media(max-width:738px){.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup .passwordField input{padding-right:44px}}.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup .passwordField .togglePassword{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;color:#666;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s ease,background .2s ease}.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup .passwordField .togglePassword:hover{color:#000;background:rgba(0,0,0,.05)}.loginPage .loginContainer .loginWrapper .loginContent .loginForm .formGroup .passwordField .togglePassword i{font-size:18px;line-height:1;pointer-events:none}.loginPage .loginContainer .loginWrapper .loginContent .loginForm .submitButton{width:100%;padding:15px 40px;font-size:18px;font-weight:600;border:2px solid #fece51;background-color:#fece51;color:#000;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:10px}@media(max-width:738px){.loginPage .loginContainer .loginWrapper .loginContent .loginForm .submitButton{padding:12px 30px;font-size:16px}}.loginPage .loginContainer .loginWrapper .loginContent .loginForm .submitButton:hover{background-color:#f5c042;border-color:#f5c042;transform:scale(1.02)}.loginPage .loginContainer .loginWrapper .loginContent .loginForm .submitButton:active{transform:scale(.98)}.loginPage .loginContainer .loginWrapper .loginContent .divider{display:flex;align-items:center;text-align:center;margin:30px 0;color:#999}.loginPage .loginContainer .loginWrapper .loginContent .divider:after,.loginPage .loginContainer .loginWrapper .loginContent .divider:before{content:"";flex:1 1;border-bottom:1px solid #e0e0e0}.loginPage .loginContainer .loginWrapper .loginContent .divider span{padding:0 15px;font-size:14px;font-weight:500}.loginPage .loginContainer .loginWrapper .loginContent .googleButton{width:100%;padding:12px 20px;font-size:16px;font-weight:600;border:2px solid #e0e0e0;background-color:#fff;color:#000;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:25px}@media(max-width:738px){.loginPage .loginContainer .loginWrapper .loginContent .googleButton{padding:10px 16px;font-size:14px}}.loginPage .loginContainer .loginWrapper .loginContent .googleButton:hover{border-color:#fece51;background-color:#fffef9;transform:scale(1.02)}.loginPage .loginContainer .loginWrapper .loginContent .googleButton:active{transform:scale(.98)}.loginPage .loginContainer .loginWrapper .loginContent .googleButton .googleIcon{width:20px;height:20px}.loginPage .loginContainer .loginWrapper .loginContent .signupLink{text-align:center;font-size:14px;color:#666;margin:0}.loginPage .loginContainer .loginWrapper .loginContent .signupLink a{color:#fece51;font-weight:600;text-decoration:none;transition:color .3s ease}.loginPage .loginContainer .loginWrapper .loginContent .signupLink a:hover{color:#f5c042;text-decoration:underline}