:root { --accent: #1f1d1a; --bg: #f6f3ec; }
body { background: var(--bg); color: var(--accent); min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; }
.card { width: 100%; max-width: 420px; display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; }
.lang { display: flex; gap: 4px; align-self: flex-end; }
.lang a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; color: var(--accent); text-decoration: none; opacity: 0.7; border-radius: 10px; }
.lang a[aria-current] { opacity: 1; font-weight: 600; }
h1 { font-size: 28px; line-height: 1.2; }
.code { max-width: 280px; width: 100%; border-radius: 16px; }
.caption { font-size: 17px; line-height: 1.5; opacity: 0.85; }
.row { display: flex; flex-direction: column; gap: 2px; }
.label { font-size: 13px; text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.6; }
.value { font-size: 20px; font-weight: 600; overflow-wrap: anywhere; }