/* D — Dark steel + copper */
:root{ --bg1:#0b0f14; --bg2:#121a22; --ink:#f5f7fb; --copper:#b98855; }
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0; color:var(--ink); font-family: "Cinzel", Georgia, serif;}
.steel{ min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding: clamp(20px, 5vw, 80px); background: radial-gradient(1200px 600px at 20% 10%, rgba(255,255,255,.08), transparent 60%), radial-gradient(900px 500px at 80% 30%, rgba(255,255,255,.06), transparent 55%), linear-gradient(160deg, var(--bg2), var(--bg1)); }
.logo{ width:min(1100px, 88vw); height:auto; filter: drop-shadow(0 22px 50px rgba(0,0,0,.6)); }
.copper{ width:min(240px, 28vw); height:6px; background: linear-gradient(90deg, #8c6239, #c18f5b, #8c6239); border-radius:3px; margin-top: 12px; box-shadow: 0 0 22px rgba(193,143,91,.35) inset; }
h1{ margin: clamp(10px, 2vw, 18px) 0 0; font-size: clamp(44px, 7vw, 110px); letter-spacing:.08em; }