:root{--forest:#092a23;--forest-mid:#103d32;--gold:#d8bd81;--cream:#f5f0e4;--muted:#adbcaf;--line:#dcc79233}*{box-sizing:border-box}html{background:#061c18;min-height:100%}body{color:var(--cream);background:radial-gradient(at 50% 2%,#174438 0,#0b2923 55%,#061b17 100%);min-height:100vh;margin:0;font-family:Inter,Segoe UI,Arial,Noto Sans Arabic,sans-serif}button,select{font:inherit}.site-shell{background:radial-gradient(at 50% 39%,#1a58415c,#0000 58%);max-width:1440px;min-height:100vh;margin:auto;padding:0 6.1% 24px;position:relative;overflow:hidden}.ambient{filter:blur(100px);opacity:.12;pointer-events:none;border-radius:50%;width:440px;height:440px;position:absolute}.ambient-one{background:#c49a4c;top:40px;left:-250px}.ambient-two{background:#26aa72;top:390px;right:-300px}.topbar{z-index:2;border-bottom:1px solid #dcc7921f;justify-content:space-between;align-items:center;height:92px;display:flex;position:relative}.brand{color:var(--cream);letter-spacing:-.4px;align-items:center;gap:11px;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:700;text-decoration:none;display:flex}.brand-light{color:#c5b88f;font-weight:400}.brand-mark{border:1px solid var(--gold);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:relative}.brand-mark span{background:var(--gold);border-radius:50%;width:16px;height:16px;transform:translate(-2px)}.brand-mark:after{content:"";background:var(--forest);border-radius:50%;width:15px;height:15px;position:absolute;left:12px;transform:translate(4px)}.language-switch{background:#0214104d;border:1px solid #dcc7922e;border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.language-switch a{color:#aab8ad;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 11px;font-size:10px;transition:all .2s}.language-switch a:hover{color:#fff}.language-switch a.active{color:#1b2f27;background:#d8bd81;font-weight:700}.hero{text-align:center;isolation:isolate;justify-content:center;align-items:center;min-height:650px;padding:64px 20px 70px;display:flex;position:relative}.hero:before{content:"";clip-path:polygon(0 6%,6% 6%,6% 0,94% 0,94% 6%,100% 6%,100% 94%,94% 94%,94% 100%,6% 100%,6% 94%,0 94%);z-index:-1;border:1px solid #d8bd8121;border-radius:4px;position:absolute;inset:28px 0 26px}.hero:after{content:"";z-index:-2;border:1px solid #d8bd8114;border-radius:50%;position:absolute;inset:36px 9%}.ornament{fill:none;stroke:#d8bd813d;stroke-width:.8px;z-index:-1;width:min(35vw,390px);height:min(35vw,390px);position:absolute;top:10px;left:50%;transform:translate(-50%)}.hero-glow{z-index:-2;background:radial-gradient(#16694473,#104a331f 48%,#0000 73%);width:620px;height:390px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.stars{color:#e0c77e;justify-content:space-between;align-items:center;max-width:720px;margin:auto;font-size:17px;display:flex;position:absolute;inset:85px 18% auto}.stars i{font-style:normal}.stars i:nth-child(2),.stars i:nth-child(5){font-size:12px;transform:translateY(42px)}.stars i:nth-child(3){font-size:23px;transform:translateY(88px)}.moon{background:#f8e8aa;border-radius:50%;width:72px;height:72px;position:absolute;top:113px;left:50%;transform:translate(-50%);box-shadow:0 0 52px #f2dc9a59}.moon:after{content:"";background:#105139;border-radius:50%;width:67px;height:67px;position:absolute;top:-10px;left:19px}.mosque{opacity:.72;width:min(68%,740px);height:215px;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.mosque-base{background:linear-gradient(#06251c,#041c17);border-radius:43% 43% 0 0/35% 35% 0 0;width:90%;height:92px;position:absolute;bottom:0;left:5%}.dome{background:#041b16;border-radius:100px 100px 0 0;width:190px;height:122px;position:absolute;bottom:71px;left:50%;transform:translate(-50%)}.dome:before{content:"";background:#041b16;width:2px;height:31px;position:absolute;top:-30px;left:50%}.dome:after{content:"â˜¾";color:#041b16;font-size:17px;position:absolute;top:-46px;left:50%;transform:translate(-50%)}.dome-small{width:84px;height:70px;bottom:71px}.dome-one{left:26%}.dome-two{left:74%}.minaret{z-index:1;background:#041b16;border-radius:5px 5px 0 0;width:16px;height:160px;position:absolute;bottom:40px}.minaret:before{content:"";border-bottom:24px solid #041b16;border-left:16px solid #0000;border-right:16px solid #0000;position:absolute;top:30px;left:-8px}.minaret:after{content:"";background:#041b16;border-radius:50% 50% 0 0;width:6px;height:25px;position:absolute;top:-18px;left:5px}.minaret i{background:#041b16;border-radius:50% 50% 0 0;width:20px;height:13px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.minaret-left{left:24%}.minaret-right{right:24%}.hero-content{z-index:1;max-width:760px;margin-top:35px;position:relative}.eyebrow{color:var(--gold);letter-spacing:.22em;justify-content:center;align-items:center;gap:12px;font-size:10px;font-weight:600;display:flex}.eyebrow-line{background:var(--gold);opacity:.6;width:24px;height:1px}.hero h1{letter-spacing:-.055em;color:#fbf8ee;margin:22px 0 12px;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(38px,5.1vw,66px);font-weight:500;line-height:1.08}.intro{color:#c3cec4;max-width:490px;margin:0 auto;font-size:15px;line-height:1.65}.countdown{justify-content:center;align-items:stretch;gap:12px;margin:34px auto 24px;display:flex}.time-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(150deg,#f1e2b413,#ffffff05);border:1px solid #d8bd8140;border-radius:10px;flex-direction:column;justify-content:center;gap:4px;width:118px;min-height:104px;display:flex;box-shadow:inset 0 1px #ffffff0b,0 12px 35px #00000021}.time-card strong{color:#e9d49e;letter-spacing:-.04em;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:38px;font-weight:600;line-height:1}.time-card span{color:#b6c1b6;font-size:11px}.date-caption{color:#c3cec4;margin:0;font-size:12px}.date-caption strong{color:#f0e8d1;font-weight:600}.tiny-moon{color:var(--gold);vertical-align:-1px;margin-right:7px;font-size:17px}.details{background:linear-gradient(100deg,#e5d3a211,#ffffff05);border:1px solid #d8bd812e;border-radius:12px;grid-template-columns:1fr 1.65fr auto;align-items:center;gap:30px;padding:24px 27px;display:grid;position:relative;box-shadow:0 20px 60px #0000001f}.detail-copy{flex-direction:column;gap:8px;display:flex}.detail-kicker{color:#a8b8ac;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.detail-date{color:#f0e8d1;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.calendar-icon{color:var(--gold);font-size:19px}.select-wrap{width:max-content;color:var(--cream);align-items:center;gap:9px;display:flex;position:relative}.globe{color:var(--gold);font-size:17px}.select-wrap select{appearance:none;color:var(--cream);cursor:pointer;background:0 0;border:0;outline:none;padding:3px 22px 3px 0;font-size:14px}.select-wrap option{color:#17352b;background:#f5f0e4}.chevron{color:var(--gold);pointer-events:none;position:absolute;right:0}.detail-note{color:#b4c1b6;align-items:center;gap:11px;font-size:11px;line-height:1.55;display:flex}.detail-note p{margin:0}.info-mark{width:18px;height:18px;color:var(--gold);border:1px solid #d8bd818f;border-radius:50%;flex:none;place-items:center;font-family:serif;font-size:12px;font-style:italic;display:grid}.calendar-link{white-space:nowrap;color:#e6d3a1;cursor:pointer;background:0 0;border:1px solid #d8bd8157;border-radius:7px;align-items:center;gap:16px;padding:12px 15px;font-family:inherit;font-size:11px;text-decoration:none;transition:all .2s;display:flex}.calendar-link span{font-size:15px}.calendar-link:hover{border-color:var(--gold);background:#d8bd811f}footer{color:#849a8a;letter-spacing:.03em;justify-content:center;align-items:center;gap:14px;padding:27px 10px 0;font-size:10px;display:flex}.footer-star{color:var(--gold);opacity:.7;font-size:9px}.is-rtl,.is-rtl .brand,.is-rtl h1,.is-rtl .time-card strong{font-family:Segoe UI,Arial,Noto Sans Arabic,sans-serif}.is-rtl .tiny-moon{margin-left:7px;margin-right:0}.is-rtl .chevron{left:0;right:auto}.is-rtl .select-wrap select{padding:3px 0 3px 22px}@media (max-width:800px){.site-shell{padding:0 4.5% 20px}.topbar{height:76px}.hero{min-height:620px;padding-inline:10px}.details{grid-template-columns:1fr 1.5fr;gap:18px}.calendar-link{grid-column:1/-1;justify-content:center}.mosque{width:90%}.dome{width:160px}.ornament{width:330px;height:330px}.hero:after{inset-inline:0}}@media (max-width:520px){.site-shell{padding:0 18px 18px}.topbar{height:68px}.brand{gap:8px;font-size:14px}.brand-mark{width:25px;height:25px}.language-switch a{padding:6px 8px;font-size:9px}.hero{min-height:600px;padding:60px 0 74px}.hero:before{inset:20px -4px 15px}.hero:after{inset:40px -10px}.hero-content{margin-top:40px}.eyebrow{letter-spacing:.16em;gap:8px;font-size:8px}.eyebrow-line{width:16px}.hero h1{max-width:330px;margin:19px auto 11px;font-size:39px}.intro{max-width:310px;font-size:13px}.countdown{gap:7px;margin:29px auto 21px}.time-card{border-radius:8px;width:calc(25vw - 18px);min-width:63px;max-width:82px;min-height:83px}.time-card strong{font-size:29px}.time-card span{font-size:9px}.date-caption{font-size:10px;line-height:1.6}.moon{width:58px;height:58px;top:103px}.moon:after{width:55px;height:55px;top:-8px;left:15px}.ornament{width:260px;height:260px;top:15px}.stars{inset:74px 9% auto}.mosque{width:112%;height:170px}.mosque-base{height:69px}.dome{width:125px;height:92px;bottom:53px}.dome-small{width:60px;height:54px;bottom:53px}.minaret{transform-origin:bottom;height:120px;bottom:26px;transform:scale(.82)}.minaret-left{left:17%}.minaret-right{right:17%}.details{grid-template-columns:1fr;gap:17px;padding:20px}.detail-note{font-size:10px}.calendar-link{grid-column:auto;padding:12px;font-size:10px}.is-rtl .calendar-link{direction:rtl}footer{text-align:center;font-size:9px;line-height:1.5}.is-rtl .detail-copy{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.tasbih-band{z-index:4;color:#ddc995;background:#041612ad;border-bottom:1px solid #d8bd8121;align-items:center;gap:14px;height:43px;margin:0 -6.1%;padding:0 6.1%;display:flex;position:relative;overflow:hidden}.tasbih-band-label{color:#8da596;letter-spacing:.16em;flex:none;font-size:9px}.tasbih-viewport{flex:1;min-width:0;position:relative;overflow:hidden}.tasbih-track{will-change:transform;direction:ltr;width:max-content;animation:34s linear infinite tasbih-scroll;display:flex}.tasbih-track.is-paused{animation-play-state:paused}.tasbih-group{flex:none;align-items:center;gap:26px;padding-inline:20px;display:flex}.tasbih-group span{white-space:nowrap;font-family:Segoe UI,Arial,Noto Sans Arabic,sans-serif;font-size:14px}.tasbih-group i{color:#b99752;font-size:9px;font-style:normal}.tasbih-control{color:#ddc995;cursor:pointer;background:0 0;border:1px solid #d8bd813d;border-radius:50%;flex:none;width:26px;height:26px;padding:0;font-size:10px;line-height:1}.tasbih-control:hover,.tasbih-control:focus-visible{outline:1px solid var(--gold);outline-offset:2px;background:#d8bd811f}.tasbih-reader-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes tasbih-scroll{0%{transform:translate(0)}to{transform:translate(-12.5%)}}@media (max-width:800px){.tasbih-band{margin-inline:-4.5%;padding-inline:4.5%}}@media (max-width:520px){.tasbih-band{gap:10px;height:40px;margin-inline:-18px;padding-inline:18px}.tasbih-group{gap:18px;padding-inline:14px}.tasbih-group span{font-size:13px}}@media (prefers-reduced-motion:reduce){.tasbih-track{will-change:auto;justify-content:center;width:100%;animation:none}.tasbih-group{flex-wrap:wrap;justify-content:center;gap:8px 14px;padding:3px}.tasbih-group:nth-child(2),.tasbih-control{display:none}}.hero{min-height:700px}.hero-content{max-width:840px}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:22px auto 0;display:flex}.city-picker{color:#aebcaf;background:#051a15a6;border:1px solid #d8bd814f;border-radius:7px;align-items:center;gap:8px;padding:8px 11px;display:flex}.city-picker span{font-size:10px}.city-picker select{color:#f0e8d1;background:0 0;border:0;outline:none;max-width:190px;font-size:11px}.city-picker option{color:#17352b;background:#f5f0e4}.copy-button{color:#e6d3a1;cursor:pointer;background:#d8bd8114;border:1px solid #d8bd8157;border-radius:7px;justify-content:center;align-items:center;min-height:36px;padding:8px 13px;font-size:10px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.copy-button:hover,.copy-button:focus-visible{border-color:var(--gold);outline-offset:2px;background:#d8bd812b}.calendar-button{background:0 0}.location-note{color:#91a397;max-width:620px;margin:13px auto 0;font-size:10px;line-height:1.6}.ad-slot{color:#768a7e;background:#ffffff03;border:1px dashed #d8bd812b;border-radius:8px;justify-content:center;align-items:center;max-width:970px;min-height:84px;margin:28px auto 20px;display:flex}.ad-slot span{letter-spacing:.1em;text-transform:uppercase;font-size:9px}.content-section,.related-section{max-width:850px;margin:50px auto 0}.section-heading{margin-bottom:17px}.section-kicker{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:10px}.content-section h2,.related-section h2{color:#f4efdf;letter-spacing:-.035em;margin:10px 0 0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(22px,3vw,30px);font-weight:500}.content-section p{color:#bac7bc;max-width:760px;font-size:14px;line-height:1.85}.content-section .note-inline{color:#d4c497;border-left:2px solid #d8bd818c;padding-left:14px;font-size:12px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line);padding:17px 0}.faq-item summary{color:#eae3d0;cursor:pointer;font-size:14px;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--gold);font-size:18px;font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:12px 0 0;font-size:12px}.related-links{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.related-links a{border:1px solid var(--line);color:#e5d5aa;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:18px;font-size:12px;line-height:1.5;text-decoration:none;transition:background .2s;display:flex}.related-links a:hover{background:#d8bd8112}.related-links span{color:var(--gold);font-size:16px}.site-footer{border-top:1px solid #dcc7921f;flex-direction:column;align-items:center;gap:10px;margin-top:48px;padding:22px 0 4px;display:flex}.site-footer p{color:#849a8a;text-align:center;align-items:center;gap:13px;margin:0;font-size:10px;display:flex}.site-footer nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.site-footer nav a,.content-page a{color:#cfbd8e;text-decoration:none}.site-footer nav a{font-size:10px}.site-footer nav a:hover,.content-page a:hover{text-decoration:underline}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.content-page{min-height:100vh}.article-content{max-width:800px;min-height:62vh;margin:48px auto 0;padding:25px 0 55px}.article-content .back-link{color:#c6b178;margin-bottom:36px;font-size:12px;display:inline-block}.article-content h1{color:#faf7ed;letter-spacing:-.045em;margin:10px 0 28px;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(34px,5vw,52px);font-weight:500;line-height:1.12}.article-content p{color:#c1cdc2;margin:0 0 19px;font-size:15px;line-height:1.9}.article-content .legal-placeholder{color:#dbc995;border:1px solid #d8bd813d;border-radius:8px;margin-top:28px;padding:15px 17px;font-size:13px}.is-rtl .content-section .note-inline{border-left:0;border-right:2px solid #d8bd818c;padding-left:0;padding-right:14px}.is-rtl .faq-item summary:after{float:left}.is-rtl .article-content h1,.is-rtl .content-section h2,.is-rtl .related-section h2{font-family:Segoe UI,Arial,Noto Sans Arabic,sans-serif}@media (max-width:800px){.hero{min-height:690px}.hero-actions{max-width:520px}.content-section,.related-section{margin-top:38px}.article-content{padding-inline:10px}}@media (max-width:520px){.hero{min-height:690px}.hero-actions{gap:7px}.city-picker{justify-content:space-between;width:100%}.city-picker select{max-width:58%}.copy-button{flex:1;padding-inline:9px;font-size:9px}.location-note{font-size:9px}.ad-slot{min-height:68px;margin:22px auto 14px}.content-section,.related-section{margin-top:30px}.content-section p,.faq-item summary{font-size:12px}.related-links{grid-template-columns:1fr}.site-footer nav{gap:12px}.article-content{min-height:68vh;margin-top:28px}.article-content h1{font-size:34px}.article-content p{font-size:13px}}@media (min-width:801px){.hero{min-height:590px;padding:36px 20px 48px}.hero-content{margin-top:0}.hero h1{margin:17px 0 8px;font-size:clamp(36px,4.1vw,56px)}.intro{font-size:14px}.countdown{margin:25px auto 18px}.time-card{width:110px;min-height:94px}.hero-actions{margin-top:16px}.date-caption{max-width:840px;font-size:11px;line-height:1.55}}@media (min-width:521px) and (max-width:800px){.hero{min-height:640px}.hero h1{font-size:clamp(36px,6vw,52px)}.countdown{margin:25px auto 18px}}.ad-slot{min-height:54px;margin:16px auto 10px}.date-caption{justify-content:center;align-items:center;line-height:1.6;display:flex}.date-caption>span:last-child{max-width:100%}.date-separator{color:#987e4d}@media (max-width:520px){.ad-slot{min-height:46px;margin:14px auto 8px}.date-caption{align-items:flex-start;font-size:9px}}.article-content h1{text-wrap:balance;max-width:30ch;font-size:clamp(30px,4.3vw,44px)}.source-list{border-top:1px solid var(--line);margin-top:34px;padding-top:20px}.source-list h2{color:#e6d3a1;margin:0 0 12px;font-size:14px;font-weight:600}.source-list ul{color:#b9c6ba;gap:9px;margin:0;padding-inline-start:20px;display:grid}.source-list li{padding-inline-start:3px;font-size:12px;line-height:1.65}.legal-fields{border:1px solid var(--line);background:#ffffff05;border-radius:9px;margin-top:12px;padding:18px}.legal-fields p{margin:0 0 13px;font-size:13px}.legal-fields p:last-child{margin-bottom:0}.legal-fields strong{color:#e8d7aa}.contact-email{margin-top:22px}.contact-form{border:1px solid var(--line);background:#ffffff06;border-radius:10px;gap:15px;margin-top:26px;padding:22px;display:grid}.contact-form>label{color:#e8d7aa;gap:7px;font-size:12px;display:grid}.contact-form input,.contact-form textarea{width:100%;color:var(--cream);font:inherit;background:#02141073;border:1px solid #dcc79240;border-radius:7px;padding:11px 12px;font-size:14px}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input:focus,.contact-form textarea:focus{outline-offset:1px;outline:2px solid #d8bd818c}.contact-form button{border:1px solid var(--gold);background:var(--gold);color:#142c24;font:inherit;cursor:pointer;border-radius:7px;justify-self:start;padding:11px 18px;font-size:12px;font-weight:700}.contact-form button:disabled{opacity:.65;cursor:wait}.form-success,.form-error{border:1px solid var(--line);color:#e8d7aa;border-radius:7px;margin:20px 0 0;padding:12px 14px}.form-error{color:#f1b6a8;border-color:#dc6e5a80}.form-honeypot{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.related-links .related-wide{grid-column:1/-1}.share-button{background:#d8bd8129}.share-button:disabled{opacity:.6;cursor:progress}.calendar-page h2{color:#f4efdf;letter-spacing:-.03em;margin:44px 0 14px;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(20px,3vw,26px);font-weight:500}.calendar-page h2 span{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin-inline-start:8px;font-size:12px}.calendar-group+.calendar-group h2{margin-top:32px}.calendar-table-wrap{border:1px solid var(--line);border-radius:9px;overflow-x:auto}.calendar-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5}.calendar-table th,.calendar-table td{text-align:start;color:#c1cdc2;border-bottom:1px solid #dcc7921a;padding:11px 14px}.calendar-table thead th{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;background:#d8bd810f;font-size:11px;font-weight:600}.calendar-table tbody th{color:#f4efdf;white-space:nowrap;width:1%;font-weight:600}.calendar-table tbody tr:last-child th,.calendar-table tbody tr:last-child td{border-bottom:0}.calendar-table tbody tr:hover{background:#d8bd810d}.calendar-page .note-inline{color:#d4c497;border-inline-start:2px solid #d8bd818c;margin-top:24px;padding-inline-start:14px;font-size:13px}@media (max-width:520px){.calendar-table{font-size:12px}.calendar-table th,.calendar-table td{padding:9px 8px}}.share-overlay{z-index:50;background:#020e0bc7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.share-panel{text-align:center;background:#0b2923;border:1px solid #d8bd814d;border-radius:12px;width:min(100%,420px);max-height:100%;padding:20px;overflow-y:auto}.share-panel h2{color:#f4efdf;margin:0 0 14px;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:18px;font-weight:500}.share-preview{border:1px solid var(--line);border-radius:8px;width:min(100%,240px);margin:0 auto 14px;display:block}.share-actions,.share-networks{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.share-networks a{flex:40%}.share-close{background:0 0;margin-top:4px}
