@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap');

:root {
  --bg: #0b0c12;
  --surface: #12141d;
  --line: rgba(255, 255, 255, 0.08);
  --ink: #f2f3f7;
  --ink-dim: #a9aebc;
  --amber: #ffb84d;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;
  background:
    radial-gradient(900px 420px at 80% -10%, rgba(255, 158, 46, 0.10), transparent 60%),
    radial-gradient(700px 500px at -5% 100%, rgba(90, 110, 255, 0.08), transparent 60%),
    var(--bg);
  background-attachment: fixed;
  color: var(--ink);
  line-height: 1.8;
}
.wrap { max-width: 780px; margin: 0 auto; padding: 48px 22px 80px; }
header { text-align: center; margin-bottom: 26px; }
header h1 { font-size: 30px; margin: 8px 0 6px; letter-spacing: -0.02em; }
header .sub { color: var(--ink-dim); font-size: 14px; }
.nav { text-align: center; margin-bottom: 30px; font-size: 14px; }
.nav a { margin: 0 10px; text-decoration: none; }
.nav a:hover { text-decoration: underline; }
.card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 30px 28px;
  margin-bottom: 20px;
}
h2 { font-size: 19px; margin: 28px 0 10px; color: var(--ink); letter-spacing: -0.01em; }
h2:first-child { margin-top: 0; }
p, li { font-size: 15px; color: var(--ink-dim); }
strong { color: var(--ink); }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { border: 1px solid var(--line); padding: 9px 11px; text-align: left; color: var(--ink-dim); }
th { background: rgba(255, 184, 77, 0.07); color: var(--ink); }
a { color: var(--amber); }
.lang-divider { margin: 44px 0 28px; border-top: 1px dashed rgba(255, 255, 255, 0.2); padding-top: 24px; }
footer { text-align: center; color: var(--ink-dim); font-size: 13px; margin-top: 32px; }
.biz { font-size: 12.5px; line-height: 1.8; margin-bottom: 10px; word-break: keep-all; }
.biz span { display: inline-block; margin-right: 12px; }
.biz b { font-weight: 500; color: var(--ink); }
@media (max-width: 480px) {
  .wrap { padding: 36px 16px 64px; }
  .card { padding: 24px 18px; }
  table { font-size: 13px; }
  th, td { padding: 7px 8px; word-break: keep-all; overflow-wrap: anywhere; }
}