:root{
  --bg:#100b12; --surface:#1a131d; --gold:#c9a86a; --text:#f4ecdf; --muted:#b8a89a;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:'Cairo',sans-serif;line-height:1.8}
h1,h2,h3{font-family:'Amiri',serif;font-weight:700}
a{color:var(--gold);text-decoration:none}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:rgba(16,11,18,.95);position:sticky;top:0;border-bottom:1px solid #2a2030;z-index:10}
.brand{font-family:'Amiri',serif;font-size:1.5rem;font-weight:700}
.brand-en{font-size:.85rem;color:var(--muted);margin-inline-start:.5rem;letter-spacing:.12em}
.site-header nav a{margin-inline-start:1.5rem;color:var(--text)}
.site-header nav a:hover{color:var(--gold)}
.hero{text-align:center;padding:6rem 5% 5rem;background:radial-gradient(ellipse at center,#241a26 0%,var(--bg) 70%)}
.hero h1{font-size:3rem;color:var(--gold);margin-bottom:1rem}
.hero p{max-width:620px;margin:0 auto 2rem;color:var(--muted);font-size:1.15rem}
.cta{display:inline-block;background:var(--gold);color:#1a1218;padding:.75rem 2.5rem;border-radius:999px;font-weight:700}
.cta:hover{background:#dcbf85}
.section{padding:3.5rem 5%;max-width:1100px;margin:0 auto}
.section h2{font-size:2rem;color:var(--gold);margin-bottom:1.5rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{background:var(--surface);border:1px solid #2a2030;border-radius:12px;padding:1.5rem;color:var(--text);display:flex;flex-direction:column;gap:.3rem}
.card:hover{border-color:var(--gold)}
.card span{color:var(--muted);font-size:.9rem}
.article-card{background:var(--surface);border:1px solid #2a2030;border-radius:12px;padding:1.5rem;color:var(--text)}
.article-card:hover{border-color:var(--gold)}
.article-card p{color:var(--muted);font-size:.95rem}
.placeholder{opacity:.55}
.answer-box{background:var(--surface);border-inline-start:4px solid var(--gold);border-radius:8px;padding:1.2rem 1.4rem;margin-bottom:2rem}
.cmp{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--surface);border-radius:12px;overflow:hidden}
.cmp th{background:#241a26;color:var(--gold);font-family:'Amiri',serif;padding:.8rem 1rem;text-align:right}
.cmp td{padding:.7rem 1rem;border-top:1px solid #2a2030}
.pros{color:#9fd8a8;font-size:.95rem}
.cons{color:#e0a8a8;font-size:.95rem}
.faq{background:var(--surface);border:1px solid #2a2030;border-radius:8px;padding:.9rem 1.2rem;margin-bottom:.7rem}
.faq summary{cursor:pointer;font-weight:600;color:var(--text)}
.faq p{margin-top:.7rem;color:var(--muted)}
.links-box{background:var(--surface);border:1px solid #2a2030;border-radius:8px;padding:1rem 1.2rem;margin-top:2rem}
.newsletter{text-align:center}
.newsletter form{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}
.newsletter input{padding:.7rem 1rem;border-radius:8px;border:1px solid #2a2030;background:var(--surface);color:var(--text);min-width:260px;font-family:inherit}
.newsletter button{padding:.7rem 2rem;border-radius:8px;border:none;background:var(--gold);color:#1a1218;font-weight:700;cursor:pointer;font-family:inherit}
.site-footer{border-top:1px solid #2a2030;padding:2.5rem 5%;text-align:center;color:var(--muted);font-size:.9rem}
.disclosure{max-width:720px;margin:0 auto 1rem}
.article{max-width:760px;margin:0 auto;padding:3rem 5%}
.article h1{color:var(--gold);font-size:2.2rem;margin-bottom:1rem}
.article .meta{color:var(--muted);font-size:.9rem;margin-bottom:2rem}
.article h2{font-size:1.6rem;color:var(--gold);margin:2rem 0 .8rem}
.article p{margin-bottom:1rem}
.article ul{margin:0 1.5rem 1rem 0;padding-inline-start:1rem}
.article li{margin-bottom:.5rem}