/* Base */
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

    
:root { --red:#e50914; --bg:#0b0b0b; --panel:#141414; --muted:rgba(255,255,255,0.7); --line:#2a2a2a; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body {
  background: radial-gradient(1200px 600px at 20% -10%, #1a1a1a 0%, #0d0d0d 40%, var(--bg) 100%);
  color:#e5e5e5;
  font-family: "Poppins", sans-serif;
}

/* Header */
header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .6));
    color: var(--red);
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: lowercase;
    padding: 18px 24px;
    border-bottom: 1px solid #000;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .35);
    text-align: center;
    font-size: xx-large;
    text-transform: uppercase;
}

/* Layout */
article { max-width: 980px; margin: 40px auto; padding: 0 20px; }
footer { border-top:1px solid var(--line); background:#0a0a0a; color:var(--muted); padding:28px 20px; }
footer p {
    text-align: center;
    font-size: small;
}
/* Typography */
h1,h2,h3 { line-height:1.2; margin: 24px 0 12px; }
h1 { font-size: clamp(28px, 4vw, 40px); font-weight:800; letter-spacing:.2px; text-align: center;}
h2 { font-size: clamp(20px, 3vw, 26px); margin-top:32px; }
h3 { font-size: clamp(18px, 2.5vw, 20px); color:#f0f0f0; }
p, li { color:#d8d8d8; }
em, strong { color:#fff; }
a { color:#fff; text-decoration: none; border-bottom:1px solid transparent; transition:.2s ease; }
a:hover { color:#fff; border-bottom-color: var(--red); }

/* Images */
article img { max-width:100%; height:auto; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.35); }

/* Button */
.btn-hover.color-9 {
display: flex
;
    margin: 18px auto;
    padding: 12px 22px;
    border-radius: 5px;
    background: linear-gradient(180deg, #ff2330, var(--red));
    color: #fff;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(229, 9, 20, .3);
    transform: translateY(0);
    transition: transform .15s 
ease, box-shadow .15s 
ease, opacity .2s 
ease;
    max-width: 300px;
    /* text-align: center; */
    justify-content: center;
}
.btn-hover.color-9:hover { transform: translateY(-1px); box-shadow:0 12px 28px rgba(229,9,20,.45); opacity:.95; }

/* Tables */
.table-responsive { width:100%; overflow-x:auto; background: transparent; border-radius:12px; }
table { width:100%; border-collapse: collapse; background: var(--panel); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
thead th {
  background: linear-gradient(180deg, #181818, #121212);
  color:#fff; font-weight:700; text-align:left; white-space:nowrap;
}
th, td { padding:12px 14px; border-bottom:1px solid var(--line); }
tbody tr:hover { background:#171717; }

/* Blockquotes */
blockquote {
  margin:18px 0; padding:14px 16px; background:#101010; color:#eaeaea;
  border-left:4px solid var(--red); border-radius:8px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

/* Lists */
ul { padding-left:20px; }
ul li { margin:6px 0; }

/* Footer links layout */
.wrap.list-footer { max-width:980px; margin:0 auto; }
.wrap.list-footer ul { list-style:none; padding:10px 0 0; margin:12px 0 0; display:flex; flex-wrap:wrap; gap:10px 16px; }
.wrap.list-footer li a { color:#fff; border-bottom-color: var(--red); }

/* Meta polish */
meta, title { color:inherit; } /* harmless no-op for consistency */
hr { border:0; height:1px; background: var(--line); }

/* Small screens */
@media (max-width: 600px) {
  header { padding:14px 16px; }
  article { margin:28px auto; }
  th, td { padding:10px 12px; }
  .btn-hover.color-9 { width:100%; text-align:center; }
}