:root{
  --bg-red:#8b0000;
  --turq:#2ff3e8;
  --turq-dark:#0bd6c3;
  --glass: rgba(255,255,255,.08);
  --text:#eaffff;
  --muted:#d1ffff;
}
*,
*::before,
*::after{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{
  background:var(--bg-red);
  color:var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{color:var(--turq); text-decoration:none}
a:focus-visible, button:focus-visible{outline:2px solid #00ffd6; outline-offset:2px; border-radius:4px}

header{
  width:min(980px,90vw);
  margin:2rem auto;
  padding:1.75rem;
  text-align:center;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(0,255,230,.6);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow:0 6px 28px rgba(0,0,0,.25);
}
header h1{
  font-size:clamp(1.8rem,4vw+1rem,3rem);
  color:#eaffff;
  text-shadow:0 0 8px rgba(0,255,230,.9);
  margin:0 0 .4rem;
}
header .meta{
  font-size:.88rem;
  color:var(--muted);
  opacity:.95;
}

main{ padding:1rem; }
article{ max-width:900px; margin:0 auto; padding:0 1rem; font-size:1rem; color:#eaffff; }

.featured-image img{
  width:100%; height:auto; display:block;
  border-radius:12px;
  border:1px solid rgba(0,255,255,.45);
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}

footer{max-width:980px;margin:2rem auto;padding:1rem 1rem 2rem}
.product-ad{display:grid;gap:.5rem;align-items:center;padding:.75rem;border-radius:12px;background:rgba(0,0,0,.25);
  border:1px solid rgba(0,255,255,.5)}
.product-ad h3{margin:0;color:#6ff6f4;font-size:1.05rem}
.product-ad a p{
  margin:0;
  padding:.65rem 1rem;
  border-radius:999px;
  display:inline-block;
  background:#00e6cc;
  color:#001b1b;
  font-weight:700;
  transition:transform .15s ease;
}
.product-ad a p:hover{transform:translateY(-1px)}

@media (min-width:700px){
  main{padding:1.25rem 0}
  article{font-size:1.05rem}
  footer{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}
  .product-ad{justify-self:start}
}

/* First-letter styling for content paragraphs */
p.content::first-letter{
  font-weight:700;
  font-size:1.4em;
}