:root {
  --bg: #0b0c12;
  --panel: #171a22;
  --ink: #f3f7f8;
  --muted: #b8c3c7;
  --cyan: #00ffe7;
  --pink: #ff00cc;
  --line: rgba(0, 255, 231, 0.28);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: radial-gradient(circle at top, #20202b, var(--bg) 34rem); color: var(--ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.65; }
a { color: var(--cyan); }
a:focus-visible, button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.site-head { padding: 28px 20px; border-bottom: 1px solid var(--line); background: rgba(5, 6, 10, 0.9); text-align: center; }
.site-head img { width: min(280px, 78vw); max-height: 90px; object-fit: contain; }
.site-head nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin-top: 16px; }
.site-head a { font-family: 'Courier New', monospace; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.hero, .content { width: min(920px, calc(100% - 32px)); margin: 0 auto; }
.hero { padding: 58px 0 32px; }
.eyebrow { color: var(--pink); font-family: 'Courier New', monospace; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
h1, h2, h3 { line-height: 1.2; }
h1 { margin: 8px 0 16px; font-size: clamp(2.2rem, 7vw, 4.5rem); }
h2 { margin-top: 0; color: var(--cyan); font-size: clamp(1.65rem, 5vw, 2.4rem); }
h3 { margin-top: 28px; }
.lead { max-width: 760px; color: var(--muted); font-size: 1.12rem; }
.quick-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 26px 0 48px; }
.quick-links a { display: block; padding: 17px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); font-weight: 700; text-decoration: none; }
.document { margin: 0 0 34px; padding: clamp(22px, 5vw, 48px); border: 1px solid var(--line); border-radius: 14px; background: rgba(23, 26, 34, .96); box-shadow: 0 14px 44px rgba(0,0,0,.32); }
.document + .document { margin-top: 34px; }
.callout { margin: 20px 0; padding: 16px 18px; border-left: 4px solid var(--cyan); background: rgba(0,255,231,.07); }
.warning { border-left-color: var(--pink); background: rgba(255,0,204,.07); }
.principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.principles div { padding: 14px; border: 1px solid rgba(255,255,255,.12); }
.principles strong { display: block; color: var(--cyan); }
.meta { color: var(--muted); font-size: .9rem; }
.print-button { border: 1px solid var(--cyan); border-radius: 8px; padding: 10px 14px; color: #041412; background: var(--cyan); font: inherit; font-weight: 700; cursor: pointer; }
.footer { padding: 24px; text-align: center; color: var(--muted); }
@media (max-width: 680px) { .quick-links, .principles { grid-template-columns: 1fr; } }
@media print { .site-head, .hero, .quick-links, .footer, .print-button { display: none !important; } body { color: #111; background: #fff; } .content { width: auto; } .document { border: 0; box-shadow: none; background: #fff; break-after: page; } .document:last-child { break-after: auto; } h2, .principles strong, a { color: #111; } }