:root{--void:#07090D;--paper:#F2F4F7;--silver:#C3CAD6;--instr:#8A94A6;--hair:#1C222C;--ha:#E8335F}
*{box-sizing:border-box}
html{background:var(--void)}
body{margin:0;background:var(--void);color:var(--paper);font:17px/1.6 "IBM Plex Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--paper);text-decoration-color:var(--ha);text-underline-offset:3px}
a:hover{color:var(--ha)}
.wrap{max-width:760px;margin:0 auto;padding:56px 20px 72px}
.mark{display:flex;align-items:center;gap:14px;text-decoration:none}
.mark svg{flex:none}
.word{font:600 30px/1 "IBM Plex Sans Condensed",sans-serif;letter-spacing:.06em}
.word span{font-weight:400;color:var(--silver)}
.mono{font:500 13px/1.5 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--instr)}
h1{font:600 clamp(40px,8vw,72px)/1.02 "IBM Plex Sans Condensed",sans-serif;margin:56px 0 18px;letter-spacing:-.01em}
h1 em{font-style:normal;color:var(--ha)}
h2{font:600 24px/1.25 "IBM Plex Sans Condensed",sans-serif;margin:40px 0 8px}
p,li{color:var(--silver)}
.links{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}
.links a{display:inline-block;padding:12px 18px;border:1px solid var(--hair);background:#0d1117;text-decoration:none;font:500 14px/1 "IBM Plex Mono",monospace;letter-spacing:.08em}
.links a:hover{border-color:var(--ha);color:var(--paper)}
.rule{height:1px;background:var(--hair);margin:48px 0 20px;position:relative}
.rule:after{content:"";position:absolute;left:64%;top:-9px;width:3px;height:19px;background:var(--ha)}
footer{display:flex;flex-wrap:wrap;gap:18px;font:13px/1.5 "IBM Plex Mono",monospace;color:var(--instr)}
footer a{color:var(--instr)}