:root{
  --bg:#0b0b0f; --bg2:#12121a; --card:#171722; --muted:#a9a9b3;
  --text:#f5f5f5; --primary:#e50914; --accent:#06d6a0; --edge:#2a2a38;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,'Helvetica Neue',Arial,'Apple Color Emoji','Segoe UI Emoji';background:var(--bg);color:var(--text);line-height:1.7}
a{color:var(--primary);text-decoration:none}
a:focus, button:focus, input:focus{outline:2px dashed var(--accent);outline-offset:2px}
a:hover{text-decoration:underline}
.container{max-width:1140px;margin:0 auto;padding:0 1rem}
/* Header / Hero */
.hero{background:linear-gradient(135deg,var(--primary),#ff2e63,#d90429);color:#fff;padding:4rem 1rem;text-align:center}
.hero h1{font-size:clamp(1.8rem,3.2vw,2.8rem);margin:0 0 .75rem}
.hero p{max-width:760px;margin:.5rem auto 0;color:#fff}
.btn{display:inline-block;margin-top:1.25rem;padding:.85rem 1.4rem;border-radius:12px;background:#fff;color:#d90429;font-weight:700}
.btn:hover{background:#ffe}
/* Sections */
.section{padding:2.25rem 0}
.section h2{color:var(--accent);margin:0 0 1rem;font-size:clamp(1.3rem,2.4vw,1.8rem)}
.lead{color:#eaeaea;max-width:880px}
.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--edge);border-radius:14px;padding:1rem;box-shadow:0 0 12px rgba(0,0,0,.35);transition:.25s transform, .25s box-shadow}
.card:hover{transform:translateY(-3px);box-shadow:0 0 18px rgba(229,9,20,.45)}
.card h3{margin:.25rem 0 .35rem;color:#fff}
.card p{color:var(--muted);margin:0}
.card .read{display:inline-block;margin-top:.6rem;color:#ff5f6d;font-weight:700}
/* Footer */
footer{background:var(--bg2);border-top:1px solid var(--edge);color:#b8b8c2;padding:2rem 0;text-align:center;font-size:.95rem}
/* Article page */
.article{max-width:920px;margin:0 auto;padding:2rem 1rem}
.article h1{color:#fff;margin-top:0}
.article h2{color:var(--accent);margin-top:1.5rem}
.article h3{color:#ff6577;margin-top:1rem}
.notice{background:#13131d;border:1px solid var(--edge);border-radius:10px;padding:1rem;margin:1rem 0;color:#d8d8e2}
.breadcrumb{font-size:.9rem;color:var(--muted);margin:.5rem 0 1rem}
.breadcrumb a{color:#b4b4ff}
hr{border:none;border-top:1px solid var(--edge);margin:2rem 0}
/* Accessibility */
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;background:#000;color:#fff;padding:.5rem;border-radius:8px;z-index:10}
/* Responsive images (placeholder-ready) */
img{max-width:100%;height:auto;border-radius:12px;display:block}
figure{margin:1rem 0}
figcaption{font-size:.9rem;color:var(--muted)}