:root{--bg:#061c17;--gold:#d8bc77;--cream:#f3ecdb;--muted:#a1b5ab}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--cream);font:14px Manrope,Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.glow{position:absolute;inset:0 0 auto;height:900px;pointer-events:none;background:radial-gradient(ellipse at 76% 36%,#215b4244,transparent 58%)}header{height:110px;margin:0 6%;display:flex;align-items:center;gap:24px;border-bottom:1px solid #c8b27825;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:14px;letter-spacing:3px;font-size:17px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:var(--gold);margin-top:7px}.seal{font:38px Amiri;border:1px solid #c8b27866;border-radius:50%;width:48px;height:48px;text-align:center;color:var(--gold)}nav{margin-left:auto;display:flex;gap:34px;align-items:center;font-size:12px}nav a:hover,.textlink:hover{color:var(--gold)}.channel{border:1px solid #c8b27860;padding:12px 20px;border-radius:4px}#motion{background:none;border:0;color:var(--gold);font-size:26px}.hero{min-height:740px;max-width:1500px;margin:auto;padding:85px 7% 100px;position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);display:block}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:12px;box-shadow:0 0 18px var(--gold)}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.02;letter-spacing:-2px}h1{font-size:clamp(60px,6.4vw,100px);margin:27px 0}em{font-weight:400;color:var(--gold)}.hero p{line-height:1.9;color:var(--muted);font-size:14px}.actions{display:flex;gap:14px;margin-top:32px}.gold,.outline{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:16px 23px;font-size:12px;border:1px solid #cfb66f70;background:transparent;color:var(--cream);transition:transform .25s,background .25s}.gold{background:var(--gold);color:#10281e;border:1px solid var(--gold);font-weight:700;gap:34px}.gold:hover,.outline:hover{transform:translateY(-3px);background:#b99c5d;color:#071d17}.languages{margin-top:40px;font-size:9px;letter-spacing:2px;color:#a9b4a7}.languages b{margin:0 17px;color:var(--gold)}.hero-art{height:540px;position:relative;display:grid;place-items:center;perspective:1000px}.arch{width:330px;height:490px;position:relative;border:1px solid #d8bc7775;border-radius:180px 180px 4px 4px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#164d3b,#092a20 70%);box-shadow:inset 0 0 0 12px #081f18,inset 0 0 0 13px #d8bc7725,0 40px 80px #0005;display:flex;align-items:center;flex-direction:column;justify-content:center;animation:float 9s ease-in-out infinite}.art-top{font:21px Amiri;color:#d0b779;margin-bottom:25px}.arabic{font:100px/1.12 Amiri;color:var(--gold);text-shadow:0 3px 30px #d8bc7733}.arabic span{font-size:105px}.art-bottom{font-size:9px;letter-spacing:5px;margin-top:25px;color:#d0b779}.orbit{position:absolute;width:530px;height:530px;border:1px solid #d8bc7722;border-radius:50%;animation:spin 70s linear infinite}.orbit:before,.orbit:after{content:'';position:absolute;width:6px;height:6px;background:var(--gold);box-shadow:0 0 22px var(--gold);border-radius:50%;top:70px;left:75px}.orbit:after{top:auto;left:auto;right:75px;bottom:70px}.orbit2{width:460px;height:460px;transform:rotate(60deg);border-style:dashed;animation-direction:reverse}.star{position:absolute;color:var(--gold);animation:float 7s infinite}.s1{top:16px;right:50px;font-size:28px}.s2{left:20px;top:45%;font-size:30px}.s3{bottom:10px;right:70px;font-size:17px}.lightline{position:absolute;bottom:28px;width:60px;height:1px;background:var(--gold)}.art-note{position:absolute;right:-10px;bottom:2px;color:#8fa899;line-height:1.7;font:italic 18px 'Cormorant Garamond';text-align:right}.scroll{position:absolute;bottom:26px;left:7%;font-size:9px;letter-spacing:2px;color:var(--muted)}.scroll span{margin-left:20px;color:var(--gold)}.ribbon{display:flex;justify-content:space-around;align-items:center;gap:24px;overflow:hidden;padding:23px;background:#0d2c22;border-block:1px solid #c8b27830;font-size:10px;letter-spacing:3px;white-space:nowrap;color:#c6c8b0}.ribbon b{color:var(--gold);font-size:21px}.archive{padding:100px 7%;max-width:1600px;margin:auto}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px}h2{font-size:58px;margin:20px 0 35px}.section-top p{color:var(--muted);line-height:1.9;margin-bottom:42px;font-size:12px}.controls{display:flex;gap:20px;align-items:center;padding:22px 0;border-block:1px solid #c8b27830}.search{display:flex;align-items:center;gap:10px;flex:1}.search span{font-size:28px;color:var(--gold)}input{background:transparent;border:0;padding:12px;color:var(--cream);width:100%;min-width:130px}input::placeholder{color:#90a398}.filters{display:flex;gap:5px}.filters button{border:0;color:var(--muted);background:none;padding:10px 13px;border-radius:3px;font-size:11px}.filters .active{background:#c8b27820;color:var(--gold)}select{border:0;border-left:1px solid #c8b27830;padding:8px 12px;background:var(--bg);color:var(--cream);font-size:11px}.resultline{display:flex;justify-content:space-between;color:#84998c;font-size:9px;letter-spacing:1.4px;padding:24px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 26px}.card{position:relative;animation:arrive .6s both}.cover{display:block;width:100%;aspect-ratio:16/9;border:1px solid #c8b27830;padding:0;background:#12372a;overflow:hidden;position:relative;border-radius:7px}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s}.cover:hover img{transform:scale(1.045);filter:brightness(.7)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:50px;height:50px;border:1px solid #eee8;border-radius:50%;background:#051c17bb;color:white;opacity:0;transition:.3s}.cover:hover .play,.cover:focus-visible .play{opacity:1}.duration{position:absolute;bottom:10px;right:10px;background:#051912dd;color:#eee;padding:4px 7px;font-size:10px;border-radius:3px}.card-info{padding:18px 0 0;display:flex;gap:10px;justify-content:space-between}.card h3{font:26px 'Cormorant Garamond';margin:0 0 5px}.card p{font-size:9px;color:#96ac9d;letter-spacing:1.1px;margin:0}.fav{background:none;border:0;color:var(--gold);font-size:23px;padding:0 6px;align-self:start}.load{display:flex;margin:50px auto 0;min-width:250px}#empty{padding:55px;text-align:center;color:var(--muted)}.about{background:#0d2c22;display:grid;grid-template-columns:.7fr 1fr;gap:80px;padding:90px 12%;align-items:center;border-block:1px solid #c8b27830}.about-symbol{font:230px Amiri;color:#bba35c70;text-align:center;animation:spin 100s linear infinite}.about p{line-height:2;color:var(--muted);max-width:530px}.textlink{display:inline-block;margin-top:18px;border-bottom:1px solid #c8b27877;padding-bottom:8px;color:var(--gold);font-size:12px}footer{padding:38px 7%;display:flex;align-items:center;gap:30px;font-size:10px;color:var(--muted)}footer .brand{font-size:12px;color:var(--gold)}footer span{margin-right:auto}footer button{background:none;color:inherit;border:0;font-size:10px}dialog{width:min(1050px,94vw);padding:0;border:1px solid #bda25e66;border-radius:9px;background:#0a241c;color:var(--cream)}dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}.dialogtop,.dialogbottom{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.dialogtop button{background:none;border:0;color:var(--cream);font-size:22px}.dialogbottom{font-size:11px;color:var(--muted)}.dialogbottom a{color:var(--gold)}#frame{aspect-ratio:16/9;background:black}iframe{width:100%;height:100%;border:0}#privacyDialog{max-width:600px;padding:35px;line-height:1.9}#privacyDialog h2{font-size:38px}body.modal-open{overflow:hidden}html.still *,html.still *:before,html.still *:after{animation:none!important;scroll-behavior:auto!important}@keyframes float{50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(max-width:1000px){.hero{padding-top:55px;grid-template-columns:1fr 1fr}.hero-art{transform:scale(.8)}.actions{flex-direction:column;align-items:start}.controls{flex-wrap:wrap}.search{flex-basis:100%}.grid{grid-template-columns:repeat(2,1fr)}h1{font-size:70px}.about{gap:25px;padding:70px 7%}.about-symbol{font-size:170px}}@media(max-width:650px){header{height:84px;margin:0 6%;gap:12px}.brand{font-size:12px;letter-spacing:2px}.seal{width:38px;height:38px;font-size:28px}.brand small{font-size:6px}nav{gap:10px}nav>a:not(.channel){display:none}.channel{padding:10px;font-size:10px}#motion{font-size:23px}.hero{display:flex;flex-direction:column;padding:50px 7% 65px;align-items:stretch;overflow:hidden}.hero h1{font-size:65px}.hero p{font-size:13px}.hero-art{height:440px;margin:20px -35px -35px;transform:scale(.78)}.actions{flex-direction:row;gap:8px}.gold,.outline{font-size:10px;padding:14px 15px}.languages{margin-top:27px}.art-note{right:20px}.scroll{bottom:13px;font-size:8px}.ribbon{justify-content:start;padding:17px;gap:20px;font-size:8px}.archive{padding:65px 6%}.section-top{display:block}h2{font-size:44px;letter-spacing:-1px}.section-top p{margin:0 0 25px}.controls{gap:10px}.filters{flex:1}.filters button{padding:9px;font-size:10px}select{font-size:10px;width:115px}.resultline span:last-child{display:none}.grid{gap:28px 13px}.card h3{font-size:22px}.card p{font-size:7px;letter-spacing:.4px}.fav{font-size:21px}.card-info{padding-top:12px}.play{width:35px;height:35px;opacity:.85}.about{display:block;padding:60px 7%}.about-symbol{font-size:100px;line-height:1.3;margin-bottom:30px}.about h2{font-size:42px}footer{flex-wrap:wrap;gap:20px}footer span{flex-basis:100%;order:4}.dialogtop{font-size:12px;padding:12px}.dialogbottom{padding:12px;align-items:start}.dialogbottom p{max-width:55%;margin:0}.dialogbottom a{white-space:nowrap}}
.welcome{position:relative;text-align:center;padding:38px 20px 8px;animation:welcomeIn 1.5s ease-out both}.welcome .eyebrow{font-size:9px}.basmala{font:clamp(27px,3.5vw,48px)/1.8 Amiri,serif;color:var(--gold);margin:9px 0 0;text-shadow:0 0 35px #d8bc7733}.welcome-meaning{font-size:11px;line-height:1.8;color:var(--muted);margin:0 auto;max-width:600px}.welcome-rule{display:block;width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:22px auto 0}#language{max-width:110px;border:1px solid #d8bc7740;border-radius:4px;padding:8px;font-size:11px}html[dir=rtl] body{font-family:Manrope,Amiri,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] .card h3{font-family:Amiri,serif;letter-spacing:0;line-height:1.35}html[dir=rtl] nav{margin-left:0;margin-right:auto}html[dir=rtl] .eyebrow,html[dir=rtl] .resultline,html[dir=rtl] .art-bottom{letter-spacing:0}html[dir=rtl] .scroll{left:auto;right:7%}html[dir=rtl] footer span{margin-right:0;margin-left:auto}html[dir=rtl] .hero-art,html[dir=rtl] .brand{direction:ltr}html[dir=rtl] .dialogbottom,html[dir=rtl] .card-info{text-align:right}html[dir=rtl] select{border-left:0;border-right:1px solid #c8b27830}html[dir=rtl] .hero h1{font-size:clamp(55px,6vw,85px)}.hero{padding-top:45px}@keyframes welcomeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:750px){header{flex-wrap:wrap;height:auto;min-height:98px;padding:16px 0;gap:12px}nav{margin-left:auto}#language{margin-left:auto;max-width:105px}html[dir=rtl] #language{margin-left:0;margin-right:auto}.welcome{padding-top:24px}.hero{padding-top:25px}html[dir=rtl] .hero h1{font-size:54px}}

.community-page{min-height:75vh}.community-intro{max-width:1000px;margin:auto;padding:85px 30px 110px;text-align:center}.community-mark{font-size:64px;color:var(--gold,#d4b877);margin:24px 0;animation:breathe 6s ease-in-out infinite}.community-intro h1{font-size:clamp(42px,6vw,78px);line-height:1.12;margin:0 auto 45px;max-width:900px}.community-copy{max-width:760px;margin:auto;text-align:start}.community-copy p{font-size:18px;line-height:1.95;color:#c4d0c9;margin:0 0 25px}.community-closing{border-block:1px solid #c6a76440;padding:32px 10px;margin:45px auto 30px;max-width:760px;color:#ddc38d;font-size:22px}.community-prayer{font-family:Amiri,serif;font-size:27px;line-height:1.6;margin-top:18px}html[lang=ar] .community-copy p{font-size:23px}header nav{gap:20px;flex-wrap:wrap}@media(max-width:700px){header{flex-wrap:wrap}header nav{display:flex;width:100%;order:5;justify-content:center;gap:12px;padding-top:12px;font-size:12px}.community-intro{padding:50px 22px 70px}.community-copy p{font-size:16px}}