:root { --cyan: #4ddfff; --coral: #ff654f; --ink: #000; --paper: #fff; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--ink); color: var(--paper); font: 17px/1.55 -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  background-image: radial-gradient(#1c1c1c 1.6px, transparent 1.7px); background-size: 22px 22px; }
main { max-width: 760px; margin: 0 auto; padding: 32px 20px 64px; }
header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 36px; }
.logo { font: 900 44px/1 "Helvetica Neue", Arial, sans-serif; letter-spacing: -1px; text-decoration: none; color: var(--paper);
  text-shadow: 4px 4px 0 var(--coral); transform: rotate(-5deg); display: inline-block; }
.logo span { color: var(--cyan); }
nav a { color: var(--paper); text-decoration: none; font: 800 13px ui-monospace, Menlo, monospace; letter-spacing: 2px; margin-left: 14px; }
nav a:hover { color: var(--cyan); }
.eyebrow { font: 800 12px ui-monospace, Menlo, monospace; letter-spacing: 3px; color: var(--cyan); text-transform: uppercase; }
h1 { font: 900 italic 52px/1 "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; margin: 10px 0 18px; text-shadow: 4px 4px 0 var(--coral); }
h2 { font: 900 italic 26px/1.1 "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; margin: 36px 0 10px; }
h2::before { content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 10px; background: var(--cyan);
  transform: skewX(-12deg); }
p, li { color: #e6e6e6; }
a { color: var(--cyan); }
.card { border: 2px solid var(--cyan); box-shadow: 6px 6px 0 var(--coral); padding: 18px 20px; margin: 22px 0; background: #050505; }
.slab { display: inline-block; background: var(--cyan); color: var(--ink); font-weight: 900; padding: 12px 22px; text-decoration: none;
  transform: skewX(-12deg); box-shadow: 5px 5px 0 var(--paper); text-transform: uppercase; letter-spacing: 1px; }
.slab span { display: inline-block; transform: skewX(12deg); }
footer { margin-top: 56px; font: 700 12px ui-monospace, Menlo, monospace; letter-spacing: 2px; color: #8a8a8a; }
@media (max-width: 520px) { h1 { font-size: 38px; } .logo { font-size: 34px; } nav a { margin-left: 8px; } }