.login-page{padding:80px 0 160px;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-pretendard)}.login-panel{display:flex;flex-direction:column;gap:24px;width:360px;margin:0 auto}.login-panel h1{color:var(--text-primary);font-size:20px;font-weight:700;line-height:28px;letter-spacing:-.6px;text-align:center}.login-social{display:flex;flex-direction:column;gap:16px;padding-top:24px}.login-social a,.login-social button{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;padding:0 24px;border:0;border-radius:var(--radius-l);font-family:var(--font-pretendard);font-size:16px;font-weight:700;line-height:24px;letter-spacing:-.32px}.login-naver{background:#03c75a;color:var(--text-inverse)}.login-kakao{background:#fee500;color:#000}.login-social .login-google{border:1px solid #747775;background:#fff;color:#1f1f1f}.login-divider{display:flex;align-items:center;gap:16px;color:var(--text-tertiary);font-size:14px;line-height:20px;letter-spacing:-.28px;white-space:nowrap}.login-divider:after,.login-divider:before{flex:1;height:1px;background:#d9d9d9;content:""}.login-form{display:flex;flex-direction:column;gap:16px}.login-submit{width:100%;margin-top:8px}.login-notice{margin-top:-8px;color:var(--brand-text);font-size:14px;line-height:20px;text-align:center}.login-notice:empty{display:none}.login-links{justify-content:center;margin:0;padding:0;list-style:none}.login-links,.login-links li{display:flex;align-items:center;gap:4px}.login-links li+li:before{width:1px;height:12px;background:var(--border-strong);content:""}.login-links a{display:flex;align-items:center;height:32px;padding:0 8px;border-radius:var(--radius-s);color:var(--text-secondary);font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.28px}@media (hover:hover){.login-links a:hover{background:var(--overlay-hover);color:var(--text-primary)}.login-social a:hover,.login-social button:hover{filter:brightness(.96)}}