@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090d0b;--panel:#111a15;--gold:#cfb272;--muted:#9fa99f;--border:#c9af6926}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f2efe5;font-family:'Noto Sans Arabic',sans-serif;font-size:14px;line-height:1.9}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}header{height:100px;padding:16px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#0b100e}.brand{display:flex;align-items:center;gap:13px;font-family:Amiri,serif;font-size:27px}.brand small{display:block;font-family:sans-serif;font-size:9px;letter-spacing:4px;color:var(--gold)}.seal{border:1px solid var(--gold);border-radius:50%;width:49px;height:49px;text-align:center;line-height:44px;color:var(--gold);font-size:36px}nav{display:flex;gap:30px}nav a{color:#b6bdb7}nav a.active,nav a:hover{color:var(--gold)}.app-link{border:1px solid #cfb27266;padding:8px 17px;border-radius:4px;color:var(--gold)}main{min-height:65vh}.hero{position:relative;overflow:hidden;min-height:540px;padding:78px 8%;background:radial-gradient(ellipse at 25% 40%,#24402d88,transparent 55%),linear-gradient(120deg,#101c15,#080c0a);border-bottom:1px solid var(--border);display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;opacity:.08;background-image:repeating-linear-gradient(45deg,transparent,transparent 39px,#c9af69 40px,transparent 41px),repeating-linear-gradient(-45deg,transparent,transparent 39px,#c9af69 40px,transparent 41px);mask-image:linear-gradient(to left,transparent,#000)}.hero-text{position:relative;max-width:650px;z-index:1}.eyebrow{color:var(--gold);letter-spacing:3px;font-size:11px}.hero h1{font-family:Amiri,serif;font-weight:400;font-size:82px;line-height:1.3;margin:18px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{color:#aebbae;max-width:490px;font-size:16px}.ornament{position:absolute;left:7%;top:38px;font-family:Amiri,serif;font-size:310px;line-height:1.6;color:#cfb27220;transform:rotate(-6deg);user-select:none}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{background:var(--gold);border:1px solid var(--gold);border-radius:4px;color:#101810;padding:11px 24px;font-weight:600;display:inline-block}.btn.secondary{color:var(--gold);background:#101a14}.section{padding:40px 7%;max-width:1600px;margin:auto}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.section h2{font-family:Amiri,serif;font-size:30px;font-weight:400;margin:0}.section-head a{color:var(--gold);font-size:12px}.label{font-size:11px;color:var(--gold)}.collection-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.collection{position:relative;border:1px solid var(--border);background:linear-gradient(135deg,#17291d,#101712);border-radius:5px;padding:24px;overflow:hidden;min-height:130px;transition:transform .2s,border-color .2s}.collection:hover{transform:translateY(-4px);border-color:var(--gold)}.collection b{display:block;font-family:Amiri;font-size:25px;margin-top:13px}.collection span{color:var(--muted);font-size:12px}.collection i{position:absolute;left:20px;top:10px;font-family:Amiri;font-size:80px;color:#cbb57420}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}.card{border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--panel)}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#1a261d}.card-body{padding:15px}.card h3{font-size:15px;margin:0 0 10px}.card p,.meta{color:var(--muted);font-size:12px}.card button{background:transparent;color:var(--gold);border:1px solid var(--border);border-radius:4px;padding:6px 12px}.card-tools{display:flex;gap:8px;align-items:center;justify-content:space-between}.empty{border:1px dashed #cfb27244;padding:40px;text-align:center;background:#111b1466;border-radius:6px}.empty .symbol{color:var(--gold);font-size:34px}.empty h3{font-size:17px;font-weight:500}.empty p{color:var(--muted);max-width:620px;margin:10px auto}.status{display:flex;align-items:center;gap:12px;padding:16px 7%;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px}.dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #cfb27288}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}input,select{color:#eee;background:#131f17;border:1px solid #cfb27244;padding:12px;border-radius:4px}input{flex:1;min-width:180px}article.prose{max-width:850px}.prose p{color:#b7c0b6;font-size:16px}.video-wrap{aspect-ratio:16/9;width:100%;max-height:72vh;background:#000}.video-wrap iframe,.video-wrap video{width:100%;height:100%;border:0}.player-tools{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.player-tools button{padding:9px 15px;background:var(--panel);border:1px solid var(--border);color:var(--gold)}footer{border-top:1px solid var(--border);padding:40px 7% 110px;display:grid;grid-template-columns:1fr 2fr;gap:15px 40px;color:var(--muted);font-size:12px}footer p{margin:0}footer a{color:var(--gold)}.bottom{display:none}#toast{position:fixed;bottom:95px;left:25px;z-index:9;background:#cbb574;color:#111;padding:10px 20px;border-radius:5px;display:none}button:hover,.btn:hover{filter:brightness(1.12)}@media(prefers-reduced-motion:no-preference){main{animation:enter .4s}@keyframes enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}}@media(max-width:800px){header{height:80px;padding:12px 5%}header nav{display:none}.app-link{font-size:11px;padding:8px}.hero{min-height:450px;padding:50px 7%}.hero h1{font-size:59px}.hero p{font-size:14px}.ornament{left:-90px;font-size:270px;opacity:.5}.collection-nav{grid-template-columns:repeat(2,1fr)}.section{padding:28px 6%}.section h2{font-size:26px}.collection{padding:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}footer{grid-template-columns:1fr}.bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:0;background:#101a14f5;backdrop-filter:blur(15px);border-top:1px solid var(--border);z-index:5;padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.bottom a{text-align:center;font-size:22px}.bottom span{display:block;font-size:10px;line-height:1.4}}
.logo{width:64px;height:64px;object-fit:contain}.hero-logo{position:absolute;left:7%;width:380px;height:380px;object-fit:contain;border-radius:50%;box-shadow:0 0 100px #0007;mix-blend-mode:screen}@media(max-width:1000px){.hero-logo{left:-60px;opacity:.23;width:360px;height:360px}}@media(max-width:800px){.logo{width:50px;height:50px}}