* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, Segoe UI, Roboto, sans-serif; background: #f4f5f7; color: #1a1a1a; }

main { display: flex; flex-direction: column; min-height: 100vh; }
main.main-full { align-items: center; justify-content: center; }

.content { padding: 24px; max-width: 480px; width: 100%; margin: 0 auto; }

h1 { font-size: 22px; margin-bottom: 8px; }

input { padding: 6px 8px; border: 1px solid #d1d5db; border-radius: 4px; font-size: 14px; width: 100%; }
button { background: #2563eb; color: #fff; border: none; border-radius: 4px; padding: 8px 14px; cursor: pointer; font-size: 14px; width: 100%; margin-top: 4px; }
button:hover { background: #1d4ed8; }
button:disabled { background: #9ca3af; cursor: not-allowed; }

.error { color: #dc2626; font-size: 14px; }
.success { color: #16a34a; font-size: 14px; }

.login-box { max-width: 400px; margin: 0 auto; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 24px; width: 100%; }
.login-box h1 { text-align: center; }
.login-box p { text-align: center; color: #6b7280; font-size: 14px; margin-bottom: 20px; }
.login-box .field { display: flex; flex-direction: column; margin-bottom: 12px; }
.login-box .field label { font-size: 13px; margin-bottom: 4px; color: #6b7280; }

/* 법적 문서 페이지 (/privacy, /terms) */
.legal { max-width: 720px; margin: 0 auto; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 32px; width: 100%; line-height: 1.7; font-size: 15px; }
.legal h1 { font-size: 24px; margin: 0 0 4px; }
.legal h2 { font-size: 17px; margin: 28px 0 8px; border-left: 4px solid #2563eb; padding-left: 8px; }
.legal .meta { color: #6b7280; font-size: 13px; margin-bottom: 20px; }
.legal ul { padding-left: 20px; }
.legal li { margin-bottom: 4px; }
.legal table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 8px 0; }
.legal th, .legal td { border: 1px solid #e5e7eb; padding: 6px 8px; text-align: left; vertical-align: top; }
.legal th { background: #f9fafb; }
.legal .footer { margin-top: 32px; text-align: center; font-size: 13px; color: #6b7280; }
.legal a { color: #2563eb; }
main.main-full .content:has(.legal) { max-width: 780px; }