.login-container{min-height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:20px}.login-container .login-wrapper{width:100%;max-width:400px;display:flex;flex-direction:column;gap:0}.login-container .login-header{width:100%;padding:25px 0}.login-container .header-content{width:100%;display:flex;justify-content:center;align-items:center}.login-container .logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;transition:opacity .3s ease}.login-container .logo:hover{opacity:.8}.login-container .logo-icon{width:54px;height:50px;background-image:url(/images/logo2022.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.login-container .logo h1{font-family:Noto Sans KR,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-size:24px;font-weight:700;color:#18181a;letter-spacing:0;line-height:35.52px}.login-container .login-card{background-color:#f2f4f8;border-radius:30px;padding:40px}.login-container .login-header-section{margin-bottom:20px}.login-container .login-title-container{display:flex;align-items:center;gap:15px}.login-container .login-title{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-size:24px;font-weight:600;color:#18181a;margin:0;line-height:28.64px;letter-spacing:0}.login-container .admin-badge{background-color:#776bf8;border-radius:6px;padding:6px 12px;height:31px;display:flex;align-items:center}.login-container .admin-badge span{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-size:16px;font-weight:700;color:#fff;letter-spacing:0;line-height:19.09px}.login-container .login-form-container{width:100%}.login-container .login-form{display:flex;flex-direction:column;gap:10px}.login-container .input-group{width:100%}.login-container .input-wrapper{position:relative;display:flex;align-items:center;background-color:#fff;border:1px solid #c8c9cf;border-radius:10px;padding:0 20px;height:50px;transition:all .3s ease}.login-container .input-wrapper:focus-within{border-color:#0064dd;box-shadow:0 0 0 2px #0064dd1a}.login-container .input-icon{display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}.login-container .input-wrapper input{flex:1;border:none;outline:none;background:transparent;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-size:16px;color:#18181a;font-weight:400;letter-spacing:.17px;line-height:22.88px}.login-container .input-wrapper input::placeholder{color:#9191a1;font-weight:400;letter-spacing:.17px}.login-container .login-button-container{width:100%;margin-top:10px}.login-container .login-button{width:100%;height:50px;background-color:#0064dd;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-size:20px;font-weight:600;color:#fff;letter-spacing:.4px;line-height:33.2px}.login-container .login-button:hover{background-color:#0056c7;transform:translateY(-1px);box-shadow:0 4px 12px #0064dd4d}.login-container .login-button:active{transform:translateY(0);box-shadow:0 2px 8px #0064dd33}.login-container .login-footer{padding:20px 0;background-color:#fff}.login-container .footer-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.login-container .footer-links{display:flex;gap:20px;align-items:center}.login-container .footer-link{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-size:15px;font-weight:600;text-decoration:none;color:#18181a;transition:color .3s ease;letter-spacing:.4px;line-height:24.9px}.login-container .footer-link.privacy,.login-container .footer-link:hover{color:#0064dd}.login-container .copyright{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-size:15px;font-weight:500;color:#9191a1;letter-spacing:0px;line-height:24.9px;text-align:center}@media (max-width: 480px){.login-container{padding:20px 10px 10px;min-height:100vh;align-items:flex-start}.login-container .login-wrapper{max-width:100%;width:100%}.login-container .login-header{padding:25px 0}.login-container .logo h1{font-size:24px}.login-container .logo-icon{width:54px;height:50px}.login-container .login-card{padding:40px;border-radius:30px}.login-container .login-title{font-size:24px}.login-container .admin-badge{padding:6px 12px}.login-container .admin-badge span{font-size:16px}.login-container .input-wrapper{height:50px;padding:0 20px}.login-container .input-wrapper input{font-size:16px}.login-container .login-button{height:50px;font-size:20px}.login-container .login-footer{padding:20px 0}.login-container .footer-link,.login-container .copyright{font-size:15px}.login-container .footer-links{gap:20px}}.login-container .login-button.loading{background-color:#c8c9cf;cursor:not-allowed;pointer-events:none}.login-container .login-button.loading .button-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-container .input-wrapper.error{border-color:#ff4757;box-shadow:0 0 0 2px #ff47571a}.login-container .error-message{color:#ff4757;font-size:14px;margin-top:5px;display:none;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif}.login-container .input-wrapper.error+.error-message{display:block}.login-container .input-wrapper.success{border-color:#2ed573;box-shadow:0 0 0 2px #2ed5731a}.login-container .input-wrapper input:focus{color:#18181a}.login-container .input-wrapper input:focus::placeholder{color:transparent}.login-container .login-button:focus{outline:2px solid #0064dd;outline-offset:2px}.login-container .input-wrapper input:focus{outline:none}@media (prefers-contrast: high){.login-container .input-wrapper{border-width:2px}.login-container .login-button{border:2px solid #0064dd}}@media (prefers-reduced-motion: reduce){.login-container .login-button,.login-container .input-wrapper,.login-container .logo,.login-container .footer-link{transition:none}}
