@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/playfair-357d03a4.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/playfair-676ce71b.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/playfair-7b955525.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/inter-390b9077.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-d4047416.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-a656acc8.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-9f07a550.woff2) format("woff2")}:root{--gold:#c9a84c;--gold-light:#e8d48b;--navy:#0a1628;--navy-light:#1a2d4a;--text:#e8e0d0;--muted:#8a9ab5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--navy);color:var(--text);min-height:100vh}[dir=rtl] body{font-family:Noto Kufi Arabic,Inter,sans-serif}h1,h2,h3,h4{font-family:Playfair Display,serif;color:var(--gold)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:Noto Kufi Arabic,serif}a{color:var(--gold);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-light)}.header{background:linear-gradient(180deg,#0a1628fa,#0a1628d9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,168,76,.2);padding:0 2rem;position:sticky;top:0;z-index:100}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:70px}.logo{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:900;color:var(--gold);display:flex;align-items:center;gap:10px;white-space:nowrap}.logo-icon{font-size:1.6rem}nav.desktop{display:flex;gap:2px}nav.desktop a{padding:8px 12px;border-radius:8px;font-size:12.5px;font-weight:500;color:var(--muted);transition:all .2s}nav.desktop a:hover,nav.desktop a.active{color:var(--gold);background:#c9a84c1a}.header-right{display:flex;align-items:center;gap:12px}.lang-switcher{display:flex;gap:4px}.lang-switcher a{font-size:11px;padding:4px 8px;border-radius:6px;color:var(--muted);font-weight:600;border:1px solid transparent}.lang-switcher a:hover,.lang-switcher a.active{color:var(--gold);border-color:#c9a84c4d}.hamburger{display:none;cursor:pointer;background:none;border:none;width:36px;height:36px;position:relative}.hamburger span{display:block;width:22px;height:2px;background:var(--gold);position:absolute;left:7px;transition:all .3s}.hamburger span:nth-child(1){top:10px}.hamburger span:nth-child(2){top:17px}.hamburger span:nth-child(3){top:24px}.mobile-menu{display:none;position:fixed;inset:70px 0 0;background:#0a1628fa;backdrop-filter:blur(12px);padding:2rem;z-index:99;flex-direction:column;gap:8px}.mobile-menu.open{display:flex}.mobile-menu a{padding:14px 18px;border-radius:10px;font-size:16px;color:var(--text);border:1px solid rgba(201,168,76,.1)}.mobile-menu a:hover,.mobile-menu a.active{background:#c9a84c1a;color:var(--gold)}.main{max-width:1200px;margin:0 auto;padding:2rem}.footer{border-top:1px solid rgba(201,168,76,.15);padding:3rem 2rem 2rem}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-col h4{font-size:14px;margin-bottom:12px}.footer-col a{display:block;color:var(--muted);font-size:13px;padding:4px 0}.footer-col a:hover{color:var(--gold)}.footer-bottom{max-width:1200px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(201,168,76,.1);text-align:center;color:var(--muted);font-size:12px}.content{line-height:1.8;font-size:16px}.content h2{margin:2rem 0 1rem;font-size:1.8rem;border-bottom:1px solid rgba(201,168,76,.2);padding-bottom:8px}.content h3{margin:1.5rem 0 .8rem;font-size:1.3rem}.content p{margin-bottom:1rem}.content img{max-width:100%;height:auto;border-radius:12px;margin:1rem 0;border:1px solid rgba(201,168,76,.2)}.content blockquote{border-left:3px solid var(--gold);padding:1rem 1.5rem;background:#c9a84c0d;border-radius:0 8px 8px 0;margin:1.5rem 0;font-style:italic}[dir=rtl] .content blockquote{border-left:none;border-right:3px solid var(--gold);border-radius:8px 0 0 8px}.hero{text-align:center;padding:4rem 2rem;background:linear-gradient(180deg,rgba(10,22,40,.3),var(--navy)),url(/images/hero-bg.jpg) center/cover;border-bottom:1px solid rgba(201,168,76,.15)}.hero h1{font-size:3rem;margin-bottom:1rem;line-height:1.2}.hero p{font-size:1.1rem;color:var(--muted);max-width:700px;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.card{background:var(--navy-light);border:1px solid rgba(201,168,76,.15);border-radius:14px;overflow:hidden;transition:all .3s}.card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 8px 30px #c9a84c1a}.card img{width:100%;height:200px;object-fit:cover}.card-body{padding:1.2rem}.card-body h3{font-size:1.1rem;margin-bottom:8px}.card-body p{font-size:14px;color:var(--muted);line-height:1.6}.card-body .cta{display:inline-block;margin-top:10px;color:var(--gold);font-size:13px;font-weight:600}.card-body .cta:after{content:" →"}.audio-list{display:flex;flex-direction:column;gap:8px}.audio-item{display:flex;align-items:center;gap:12px;background:var(--navy-light);border:1px solid rgba(201,168,76,.1);border-radius:10px;padding:12px 16px;transition:all .2s}.audio-item:hover{border-color:var(--gold)}.audio-item .num{color:var(--gold);font-weight:700;min-width:30px}.audio-item audio{flex:1;height:36px}@media(max-width:768px){.hero h1{font-size:2rem}nav.desktop{display:none}.hamburger{display:block}.header-inner{height:60px}.main{padding:1rem}.cards{grid-template-columns:1fr}}