body{margin:0;padding:0;height:100vh}.login-wrap{background:#0f0f0f;width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;position:relative}.login-main{width:100%;max-width:400px}.login-container{display:flex;flex-direction:column;align-items:center;gap:40px;background:#191919;padding:60px 40px;border-radius:8px}.login-logo-area{display:flex;justify-content:center;align-items:center}.login-form-area{width:100%}.login-form{display:flex;flex-direction:column}.login-input{height:48px;padding:0 16px;background:#2A2A2A;border:1px solid #3a3a3a;border-radius:4px;color:#FFF;font-family:Pretendard;font-size:15px;font-weight:400;line-height:22px;letter-spacing:-.2px;outline:none;transition:border-color .2s}.login-input::-moz-placeholder{color:#6B6B6B}.login-input::placeholder{color:#6B6B6B}.login-input:focus{border-color:#fff}.login-button{width:100%;height:48px;background:#E12B25;border:none;border-radius:4px;color:#FFF;font-family:Pretendard;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.2px;cursor:pointer;transition:background-color .2s}.login-button:hover{background:#C92420}.login-button:active{background:#B01F1B}.login-links-area{display:flex;align-items:center;gap:16px}.login-link{color:#B4B4B4;font-family:Pretendard;font-size:14px;font-weight:400;line-height:22px;letter-spacing:-.2px;text-decoration:none;transition:color .2s}.login-link:hover{color:#FFF}.link-divider{color:#3A3A3A;font-size:14px;line-height:22px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{animation:shake .5s ease-in-out}.error{border-color:#E12B25!important}.input-wrapper{position:relative;width:100%;display:flex;flex-direction:column}.error-message{display:none;color:#E12B25;font-family:Pretendard;font-size:12px;font-weight:400;line-height:16px;letter-spacing:-.2px;margin-top:4px}.login-form{gap:16px}.error-message.show{display:block}.login-divider{position:relative;width:100%;text-align:center;margin:32px 0 24px}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#3A3A3A}.divider-text{position:relative;display:inline-block;padding:0 16px;background:#191919;color:#6B6B6B;font-family:Pretendard;font-size:14px;font-weight:400;line-height:22px;letter-spacing:-.2px}.social-login-area{display:flex;flex-direction:column;gap:12px;width:100%}.social-login-button{width:100%;height:48px;border:none;border-radius:4px;font-family:Pretendard;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-.2px;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px}.social-login-button:hover{opacity:.9}.social-login-button:active{opacity:.8}.social-login-button.kakao{background:#FEE500;color:#000000}.social-login-button.naver{background:#03C75A;color:#FFFFFF}.social-login-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:700;font-family:Pretendard;line-height:1}.social-login-button.kakao .social-login-icon{background:#000;color:#FEE500}.social-login-button.naver .social-login-icon{background:#fff;color:#03C75A}.social-login-text{font-family:Pretendard;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-.2px}