/* Rifthera placeholder (ARCHITEKTUR 7.4). Plain on purpose; the design system follows in phase 2.
   No external resources: system fonts only. */
:root {
  --bg: #0e1020;
  --bg-2: #171a33;
  --fg: #e8eaf6;
  --muted: #a3a8c9;
  --accent: #5ef2d6;
  --accent-2: #8f6bff;
  color-scheme: dark;
}

* { box-sizing: border-box; }

html, body { margin: 0; min-height: 100%; }

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: radial-gradient(ellipse at 50% 0%, var(--bg-2) 0%, var(--bg) 70%) fixed, var(--bg);
  color: var(--fg);
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
}

main {
  flex: 1;
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
  text-align: center;
}

.lang { text-align: right; margin: 0 0 2rem; font-size: .9rem; }

a { color: var(--accent); text-underline-offset: .2em; }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 2px; }

.mark { display: block; margin: 2rem auto 1rem; border-radius: 16px; }

h1 {
  margin: 0;
  font-size: clamp(2.6rem, 9vw, 4.2rem);
  letter-spacing: .06em;
  font-weight: 800;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.sub { margin: .2rem 0 1.5rem; color: var(--muted); text-transform: uppercase; letter-spacing: .2em; font-size: .85rem; }

.slogan { font-size: 1.25rem; margin: 0 0 2rem; }

.address {
  display: inline-flex;
  flex-direction: column;
  gap: .25rem;
  padding: 1rem 2rem;
  border: 1px solid rgba(94, 242, 214, .35);
  border-radius: 12px;
  background: rgba(14, 16, 32, .6);
}

.address .label, .address .hint { color: var(--muted); font-size: .85rem; }

.address code {
  font: 600 1.6rem/1.2 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  color: var(--fg);
  user-select: all;
}

.status {
  margin: 2rem 0 0;
  color: var(--accent);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

footer {
  padding: 1rem;
  text-align: center;
  color: var(--muted);
  font-size: .75rem;
}

footer p { margin: .2rem auto; max-width: 40rem; }