@font-face { font-family: "Inter"; font-weight: 400; src: url("/fonts/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; src: url("/fonts/Inter-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 700; src: url("/fonts/Inter-Bold.woff2") format("woff2"); }

:root {
    --accent: #a3e635;
    --border: #2b3137;
    --border-strong: #3a424a;
    --content: #e9edf0;
    --muted: #9aa4ad;
    --subtle: #6b747c;
    --surface: #14171a;
}

* { box-sizing: border-box; margin: 0; }
html { background: var(--surface); color-scheme: dark; }
body { font-family: "Inter", system-ui, sans-serif; color: var(--content); background: var(--surface); line-height: 1.6; min-height: 100dvh; padding: 0 16px 96px; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

.page { max-width: 640px; margin: 0 auto; padding-top: 10vh; }
.wordmark { display: inline-block; font-size: 20px; font-weight: 600; letter-spacing: -0.02em; color: var(--content); }
.wordmark:hover { text-decoration: none; }
.wordmark span { color: var(--accent); }
.subtle { color: var(--subtle); font-size: 13px; }

.letter { margin: 48px 0; }
.letter h1 { font-size: 36px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; margin-bottom: 24px; }
.message p + p { margin-top: 16px; }
.sign { margin-top: 16px; color: var(--muted); }

.timeline { border-left: 2px solid var(--border-strong); padding-left: 24px; display: grid; gap: 24px; }
.step { position: relative; }
.step::before { content: ""; position: absolute; left: -31px; top: 6px; width: 12px; height: 12px; border-radius: 50%; background: var(--border-strong); }
.date { font-weight: 600; }

.en { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--border); font-size: 14px; }
.en p + p { margin-top: 16px; }
.en .lead { font-weight: 600; }

.legal { margin-top: 48px; font-size: 13px; display: flex; gap: 24px; flex-wrap: wrap; }
.legal a { color: var(--muted); }

.document { margin-top: 48px; }
.document + .document { margin-top: 64px; padding-top: 48px; border-top: 1px solid var(--border); }
.document h1 { font-size: 30px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; margin-bottom: 8px; }
.document h2 { font-size: 18px; font-weight: 600; margin: 32px 0 8px; }
.document p + p, .document p + ul, .document ul + p { margin-top: 12px; }
.document ul { padding-left: 20px; }