@import url("base.css");
:root { --bg: #0e0f12; --panel: #17181c; --line: #26272d; --ink: #f0f0f2; --mute: #8a8b93; --lime: #c6ff3d; }
html { background: var(--bg); } body { background: var(--bg); color: var(--ink); font: 400 17px/1.65 Satoshi, sans-serif; }
.top { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 16px 32px; background: rgba(14,15,18,.8); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.top a.logo { font: 600 17px "Clash Display"; } .top a.back { background: var(--lime); color: #0e0f12; padding: 8px 16px; border-radius: 10px; font-weight: 500; }
main { width: min(760px, 100% - 32px); margin: 0 auto; padding: 70px 0 100px; }
h1 { font: 500 clamp(40px, 7vw, 64px)/1 "Clash Display"; letter-spacing: -.025em; margin: 0 0 30px; }
h1 span { color: var(--mute); }
h2 { font: 500 22px/1.2 "Clash Display"; margin: 44px 0 10px; }
p { color: #c9cad0; margin: 0 0 12px; } a { color: var(--lime); } strong { color: var(--ink); }
hr { border: 0; border-top: 1px solid var(--line); margin: 70px 0 50px; }
footer { border-top: 1px solid var(--line); padding: 26px 32px 50px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; color: var(--mute); font-size: 14px; }
footer nav { display: flex; gap: 22px; } footer nav a { color: var(--ink); }