:root {
    --gold: #d4bc91;
    --navy: #1a2b3c;
    --white: #ffffff;
    --grey: #7f8c8d;
    --bg: #f0f2f5;
    --accent: #f9f5f0;
}
body {margin:0;font-family:'Cairo','Poppins',sans-serif;background:var(--bg);color:var(--navy);line-height:1.6;}
.top-bar{position:sticky;top:0;z-index:1000;background:var(--white);padding:10px 20px;display:flex;justify-content:space-between;box-shadow:0 2px 10px rgba(0,0,0,.1);}
.nav-btn{padding:6px 12px;border:1px solid var(--gold);border-radius:6px;text-decoration:none;color:var(--navy);}
.lang-btn{border:1px solid var(--grey);background:var(--white);padding:4px 10px;cursor:pointer;border-radius:4px;}
.lang-btn.active{background:var(--navy);color:#fff;}
.container{max-width:1100px;margin:40px auto;padding:20px;}
.card{background:var(--white);border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 10px 25px rgba(0,0,0,.08);}
h1,h2,h3{margin:0 0 15px 0;}
h1{text-align:center;font-size:2.5rem;}
h2{font-size:1.8rem;color:var(--navy);}
h3{font-size:1.3rem;color:var(--gold);}
ul,ol{padding-right:20px;margin-bottom:15px;}
ul{list-style:inside disc;}
ol{list-style:decimal inside;}
a{color:var(--gold);text-decoration:none;}
a:hover{text-decoration:underline;}
.note{background:#fff3cd;border:1px solid #ffeeba;padding:15px;border-radius:6px;margin-bottom:20px;}