/* 하와유 GO — 로그인 화면 */
:root {
  --bg: #f7f8fa; --card: #fff; --ink: #1c1f24; --sub: #6b7280;
  --line: #e5e7eb; --brand: #16a34a; --brand-ink: #14532d;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
.goh-login-body {
  background: linear-gradient(170deg, #f0fdf4 0%, var(--bg) 42%);
  color: var(--ink);
  font-family: 'Pretendard Variable', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.goh-login {
  min-height: 100dvh; display: flex; align-items: center; justify-content: center;
  padding: 24px 16px;
}
.goh-login-card {
  width: 100%; max-width: 380px; background: var(--card);
  border: 1px solid var(--line); border-radius: 18px;
  padding: 32px 26px 26px; box-shadow: 0 10px 30px rgba(16, 24, 40, .07);
}
.goh-login-card h1 { margin: 0; font-size: 28px; letter-spacing: -0.6px; }
.goh-login-card h1 span { color: var(--brand); }
.goh-login-sub { margin: 6px 0 22px; font-size: 13.5px; color: var(--sub); }

.goh-login-error {
  margin-bottom: 14px; padding: 10px 12px; border-radius: 10px; font-size: 13px;
  background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;
}

.goh-field { display: block; margin-bottom: 12px; }
.goh-field span { display: block; margin-bottom: 5px; font-size: 12.5px; font-weight: 600; color: var(--sub); }
.goh-field input {
  width: 100%; padding: 12px 13px; font-size: 15px; color: var(--ink);
  border: 1px solid var(--line); border-radius: 11px; background: #fcfcfd;
  font-family: inherit;
}
.goh-field input:focus {
  outline: none; border-color: var(--brand); background: #fff;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, .12);
}
.goh-remember {
  display: flex; align-items: center; gap: 6px;
  margin: 4px 0 18px; font-size: 13px; color: var(--sub); cursor: pointer;
}
.goh-login-btn {
  width: 100%; padding: 13px; font-size: 15.5px; font-weight: 700; cursor: pointer;
  color: #fff; background: var(--brand); border: 0; border-radius: 12px;
  font-family: inherit;
}
.goh-login-btn:hover { background: #15803d; }
.goh-login-btn:active { transform: scale(.99); }

.goh-login-foot {
  margin: 20px 0 0; padding-top: 16px; border-top: 1px solid var(--line);
  font-size: 12px; line-height: 1.7; color: var(--sub); text-align: center;
}
.goh-login-foot a { color: var(--brand-ink); }