/* Secondary pages (login, legal, 404). Same tokens as index.html. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: #0A0A0A; color: #EDEAE6;
  font-family: 'Inter', system-ui, sans-serif; font-size: 1rem; line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a { color: #FF8A3D; text-decoration: none; }
a:hover { color: #E2650F; }
a:focus-visible, button:focus-visible { outline: 2px solid #E2650F; outline-offset: 3px; border-radius: 4px; }

.nav {
  position: sticky; top: 0; z-index: 10; height: 72px;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 clamp(20px, 5vw, 48px); background: rgba(10,10,10,.86);
  backdrop-filter: blur(12px); border-bottom: 1px solid #1E1E1E;
}
.brand { display: inline-flex; align-items: center; gap: 10px; color: #EDEAE6; }
.brand:hover { color: #EDEAE6; }
.brand img { height: 26px; width: auto; display: block; }
.brand span { font-family: 'Fraunces', Georgia, serif; font-size: 1.2rem; font-weight: 600; }
.btn {
  display: inline-block; padding: 9px 16px; border-radius: 10px; font-size: .86rem; font-weight: 600;
  border: 1px solid #262626; color: #EDEAE6; background: transparent;
}
.btn:hover { background: #171717; color: #EDEAE6; }
.btn-primary { background: #E2650F; border-color: #E2650F; color: #fff; }
.btn-primary:hover { background: #FF8A3D; border-color: #FF8A3D; color: #fff; }

.wrap { max-width: 760px; margin: 0 auto; padding: clamp(56px, 9vh, 104px) clamp(20px, 5vw, 48px); }
.eyebrow {
  font-size: .72rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
  color: #E2650F; margin: 0 0 20px;
}
h1 {
  font-family: 'Fraunces', Georgia, serif; font-weight: 600; letter-spacing: -.018em; line-height: 1.12;
  font-size: clamp(2rem, 4vw, 3.1rem); margin: 0 0 20px; text-wrap: balance;
}
h2 {
  font-family: 'Fraunces', Georgia, serif; font-weight: 600; letter-spacing: -.012em;
  font-size: 1.4rem; margin: 44px 0 12px;
}
p, li { color: #A3A3A3; }
p { margin: 0 0 16px; max-width: 66ch; text-wrap: pretty; }
ul { padding-left: 1.2em; margin: 0 0 16px; }
li { margin-bottom: 6px; }
strong { color: #EDEAE6; font-weight: 600; }
.meta { font-family: 'JetBrains Mono', monospace; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: #6E6E6E; }
table { width: 100%; border-collapse: collapse; margin: 8px 0 20px; font-size: .92rem; }
th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #1E1E1E; color: #A3A3A3; vertical-align: top; }
th { color: #EDEAE6; font-weight: 600; }

.draft {
  border: 1px solid #E2650F; border-radius: 14px; background: linear-gradient(#161310, #0F0D0B);
  padding: 16px 20px; margin: 0 0 36px; color: #EDEAE6; font-size: .92rem;
}
.draft b { color: #FF8A3D; }

.center { min-height: calc(100svh - 72px - 90px); display: flex; align-items: center; justify-content: center; text-align: center; }
.center .mark { width: 96px; height: auto; margin: 0 auto 28px; display: block; filter: drop-shadow(0 20px 40px rgba(226,101,15,.35)); }
.center p { margin-left: auto; margin-right: auto; }

footer {
  border-top: 1px solid #1E1E1E; background: #080808; padding: 30px clamp(20px, 5vw, 48px);
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; font-size: .84rem; color: #6E6E6E;
}
footer nav { display: flex; gap: 20px; flex-wrap: wrap; }
footer a { color: #A3A3A3; }
footer a:hover { color: #EDEAE6; }