@font-face{font-family:Bebas;src:url(/Bebas.ttf)}@font-face{font-family:Oswald;src:url(/Oswald.ttf)}
:root{--bg:#0b0d17;--red:#e63946;--blue:#3a86ff;--teal:#2ec4b6;--fg:#e8e8f0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 Oswald,system-ui,sans-serif;font-weight:300}
header{border-bottom:3px solid;border-image:linear-gradient(90deg,var(--red),var(--blue),var(--teal)) 1;padding:14px 20px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.logo{font-family:Bebas;font-size:34px;letter-spacing:2px;color:#fff;text-decoration:none}.logo span{color:var(--red)}
nav a{color:var(--teal);margin-right:14px;text-decoration:none;text-transform:uppercase;font-size:15px}nav a:hover{color:var(--red)}
main{max-width:900px;margin:0 auto;padding:24px 20px}h1,h2{font-family:Bebas;letter-spacing:1.5px;font-weight:400}h1{font-size:52px;line-height:1;margin:.3em 0;background:linear-gradient(90deg,var(--red),var(--blue));-webkit-background-clip:text;color:transparent}h2{font-size:32px;color:var(--teal)}
a{color:var(--blue)}img{max-width:100%;height:auto;border-radius:6px}table{border-collapse:collapse;width:100%;font-size:15px}td,th{border:1px solid #2a2f45;padding:6px 8px}th{background:#151a2e;color:var(--teal)}
.joe{background:#ffd60a;color:#111;font-weight:600;padding:2px 6px;border-radius:3px;outline:2px dashed var(--red)}
.card{border:1px solid #2a2f45;border-left:4px solid var(--red);padding:14px 18px;margin:14px 0;background:#11152a}.soon{color:#999;font-style:italic}
footer{text-align:center;color:#999;font-size:14px;padding:30px 20px;border-top:1px solid #2a2f45}