@font-face { font-family: Barlow; font-weight: 400; src: url(fonts/Barlow_400Regular.ttf); font-display: swap; }
@font-face { font-family: Barlow; font-weight: 600; src: url(fonts/Barlow_600SemiBold.ttf); font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; font-style: italic; font-weight: 800; src: url(fonts/BarlowCondensed_800ExtraBold_Italic.ttf); font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; font-style: italic; font-weight: 900; src: url(fonts/BarlowCondensed_900Black_Italic.ttf); font-display: swap; }
* { box-sizing: border-box; }
body { margin: 0; background: #0F1113; color: #F2F1EC; font: 400 17px/1.55 Barlow, system-ui, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 40px 20px 64px; }
.logo { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; font: italic 900 24px 'Barlow Condensed', sans-serif; }
h1 { font: italic 900 clamp(44px, 11vw, 76px)/1 'Barlow Condensed', sans-serif; margin: 40px 0 20px; }
h2 { font: italic 800 28px/1.15 'Barlow Condensed', sans-serif; margin: 36px 0 8px; }
p, li { color: #D3D4D0; }
ul { padding-left: 20px; }
strong { color: #F2F1EC; font-weight: 600; }
a { color: #6DB6E6; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-top: 1px solid #34383E; color: #D3D4D0; }
th { color: #9A9D9C; font-weight: 400; }
.lead { font-size: 20px; color: #F2F1EC; }
.fill { color: #F08A3C; }
nav { margin-top: 40px; padding-top: 16px; border-top: 1px solid #34383E; display: flex; flex-wrap: wrap; gap: 8px 20px; }