body{margin:0;font-family:Arial,sans-serif;background:#0b0b0b;color:#fff}
body:before{content:'';position:fixed;inset:0;opacity:.08;
background:repeating-linear-gradient(45deg,#999 0,#999 3px,#444 3px,#444 6px);pointer-events:none}
header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;
background:#111;border-bottom:3px solid #b30000;position:sticky;top:0}
nav a{color:#ddd;text-decoration:none;margin-left:20px}
.hero{text-align:center;padding:50px 20px;background:linear-gradient(#111,#1a1a1a)}
.hero img{max-width:650px;width:90%}
h1,h2{text-transform:uppercase;letter-spacing:2px}
h2{color:#ff3a3a}
.panel{margin:25px;padding:25px;border:1px solid #666;
background:linear-gradient(135deg,#1b1b1b,#2b2b2b);
box-shadow:0 0 15px rgba(255,0,0,.2)}
.cards{display:flex;gap:15px;flex-wrap:wrap}
.card{background:#151515;border:1px solid #555;padding:20px;min-width:220px}
button{background:#b30000;color:white;border:none;padding:10px 18px;cursor:pointer}
.brand{font-weight:bold;color:#ff4a4a}