body{margin:0;background:#07020a;color:#e6e4d8;font:16px/1.6 system-ui,sans-serif}
.w{max-width:860px;margin:0 auto;padding:40px 20px 60px}
h1{font:800 40px/1.1 system-ui;letter-spacing:.04em;color:#ff2d3d;margin:0}
h1 span{color:#3cf0ff} .k{font:700 12px monospace;letter-spacing:.2em;color:#3cf0ff}
h2{color:#3cf0ff;font-size:18px;margin:36px 0 10px;letter-spacing:.08em}
a{color:#3cf0ff} .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.c{border:1px solid #3a1a26;background:#12060f;padding:14px 16px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.c b{color:#fff;display:block;margin-bottom:4px} .c small{color:#9a8fa0}
footer{margin-top:50px;color:#9a8fa0;font-size:13px;border-top:1px solid #2a1a2e;padding-top:14px}
img{max-width:100%}
.kofi{display:inline-block;margin-top:22px;padding:12px 22px;background:#ff2d3d;color:#07020a;font:800 15px system-ui;letter-spacing:.12em;text-decoration:none;
clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.kofi:hover{background:#3cf0ff}