:root{
  --bg:#070707;
  --card:#0f0f12;
  --accent:#d62828; /* murder-y red */
  --muted:#9aa0a6;
  --glass: rgba(255,255,255,0.03);
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Merriweather:wght@700&display=swap');

*{box-sizing:border-box}

body {
  font-family: 'Poppins', Arial, sans-serif;
  background: linear-gradient(180deg, var(--bg) 0%, #0a0a0d 60%);
  color: #f6f6f6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.6;
}

.container{max-width:1100px;margin:0 auto;padding:0 20px}

header.site-header{padding:40px 0;text-align:center}
header .logo{max-width:220px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.6)}

h1{font-family:'Merriweather', serif;color:var(--accent);font-size:2.4rem;margin:.4rem 0}
h2{color:var(--accent);font-weight:600}
h3{color:#ffdede}

.lead{color:var(--muted);font-size:1.05rem}

.section-card{background:linear-gradient(180deg,var(--card),#0b0b0e);padding:26px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.6);margin-bottom:24px}

.row{display:flex;flex-wrap:wrap;margin:-12px}
.row > [class*='col-']{padding:12px}
.col-md-4{width:33.333%}
@media(max-width:880px){.col-md-4{width:100%}}

blockquote{background:var(--glass);padding:18px;border-left:6px solid var(--accent);border-radius:8px}
.blockquote-footer{margin-top:8px;font-style:italic;color:var(--muted)}

a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

.button-cta{display:inline-block;background:var(--accent);color:#fff;padding:10px 18px;border-radius:8px;font-weight:600;box-shadow:0 6px 18px rgba(214,40,40,0.18)}
.button-ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);padding:8px 14px;border-radius:8px;color:var(--muted)}

footer.site-footer{padding:22px 0;color:var(--muted)}

/* In the Press styles */
.press-grid{display:flex;flex-wrap:wrap;gap:16px}
.press-item{flex:1 1 320px;background:linear-gradient(180deg,#0f0f12, #0b0b0d);padding:18px;border-radius:10px;border:1px solid rgba(255,255,255,0.03)}
.press-item h4{margin:0 0 8px;color:#ffdede}
.press-item p{margin:0 0 12px;color:var(--muted)}
.press-item a{display:inline-flex;align-items:center;gap:8px}

/* Accessibility focus states */
a:focus, .button-cta:focus{outline:3px solid rgba(214,40,40,0.35);outline-offset:3px}

/* Minor utilities */
.text-center{text-align:center}
.mt-2{margin-top:12px}
.my-5{margin:48px 0}
.py-3{padding:20px 0}

/* Make images responsive */
img{max-width:100%;height:auto}

section{
    margin-left: auto !important;
    margin-right: auto !important;
}