@font-face{font-family:Plex;src:url('/assets/fonts/ibm-plex-sans-arabic-v15-arabic_latin-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url('/assets/fonts/ibm-plex-sans-arabic-v15-arabic_latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{font-family:Plex,system-ui,sans-serif;color:#173b35;background:#f5f3ec;font-synthesis:none;--green:#143e35;--muted:#576b62;--line:#dce1d5}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.button,.primary{cursor:pointer;border:1px solid #bdcbbd;border-radius:12px;background:transparent;padding:10px 18px;line-height:1.6;color:inherit;display:inline-block;text-align:center}button:hover,.button:hover{background:#e9ede3}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bd741f;outline-offset:4px}button:disabled{opacity:.5;cursor:default}.hidden,[hidden]{display:none!important}.skip{position:absolute;inset-block-start:-90px;background:white;padding:15px;z-index:5}.skip:focus{inset-block-start:0}.topbar{height:76px;max-width:1160px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;direction:ltr;font-size:20px}.topbar nav{display:flex;gap:28px;font-size:14px}main{max-width:1120px;margin:auto;padding:34px 24px 48px}.hero{background:#102e2b;color:#f5f4e6;border:1px solid #264b42;border-radius:30px;text-align:center;padding:28px 38px 25px;position:relative;overflow:hidden;box-shadow:0 18px 45px #173b3510}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#45634450,transparent 65%)}.hero>*{position:relative}.eyebrow{font-size:12px;letter-spacing:.06em;color:#b3c8a9}.hero h1{font-size:clamp(27px,3.7vw,44px);line-height:1.45;max-width:850px;margin:10px auto 8px;text-wrap:balance}.occasion-date{font-size:21px;color:#e3e8d6}.occasion-date time{font-weight:700}#hijri-date{font-size:15px;display:inline-block}.meta-line{display:flex;justify-content:center;align-items:center;gap:10px 16px;flex-wrap:wrap;font-size:12px;color:#b8cbbc;margin:10px auto}.meta-line span:empty{display:none}#confidence{border:1px solid #557264;border-radius:99px;padding:2px 10px}.status{font-size:14px;color:#d4e7ab;margin:16px 0 6px;min-height:24px}.timer{max-width:700px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;align-items:center;margin:10px auto 14px;direction:ltr;font-variant-numeric:tabular-nums}.unit{display:flex;flex-direction:column;align-items:center;gap:4px;border-inline-start:1px solid #496457;padding:16px 4px}.unit strong{font-family:Plex,system-ui,sans-serif;font-size:clamp(40px,5.8vw,76px);line-height:1.2;font-weight:700;letter-spacing:-.04em}.unit span{font-size:14px;color:#c0d2c0}.unit.days{border:0}.unit.days strong{font-size:clamp(90px,13vw,150px);color:#e1f1b1;line-height:1.05}.unit.days span{font-size:17px;color:#e1f1b1}.result-caption{font-size:12px;line-height:1.9;color:#b8cbbb;max-width:690px;margin:12px auto 0}.under-hero{max-width:850px;margin:auto}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:23px 0 0;font-size:13px}.action-status{font-size:13px;text-align:center;min-height:22px;margin:7px 0 10px}.explanation{border-top:1px solid var(--line);padding:16px 0 8px}.explanation h2,.related h2,.group h2{font-size:20px;margin:6px 0 10px}.explanation p{font-size:15px;line-height:1.95;color:var(--muted);margin:0 0 13px}.explanation>a{font-size:13px;text-decoration:underline;text-underline-offset:4px}details{padding:14px 0;border-top:1px solid var(--line);margin-top:14px}details+details{margin-top:0}summary{cursor:pointer;font-size:15px;font-weight:700}details p{padding-top:12px}.related{border-top:1px solid var(--line);padding-top:22px;margin-top:5px}.related-links{display:flex;gap:10px;flex-wrap:wrap}.related-links a{border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:14px;background:#fffdf7}.related-links span{padding-inline-start:14px}.date-form{display:flex;gap:14px;align-items:end;justify-content:center;margin:24px auto 8px;max-width:740px}.date-form label{flex:1;text-align:start;font-size:13px;min-width:0}.date-form input,select{display:block;width:100%;background:#f7f8ef;color:#18392f;border:1px solid #83998a;border-radius:10px;padding:10px 12px;min-height:46px;margin-top:6px}.date-form input[type=date]{direction:ltr}.primary{background:#dcedb0;color:#18362b;border:1px solid #dcedb0;font-weight:700}.primary:hover{background:#edfacb}.date-form button{white-space:nowrap}.city-form{display:flex;align-items:center;gap:12px;justify-content:center;margin:20px auto 0;max-width:500px}.city-form select{width:auto;max-width:55%;margin:0}.city-form button:hover{background:#284d40}.hub-intro{padding:35px 0 48px;text-align:center}.hub-intro .eyebrow{color:#607455}.hub-intro h1{font-size:clamp(34px,6vw,60px);line-height:1.4;margin:8px 0}.hub-intro p{color:var(--muted);margin:0 0 24px}.hub-intro .primary{background:var(--green);color:#eff6df;border-color:var(--green)}.group{margin-bottom:36px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#fffdf7;border:1px solid var(--line);border-radius:18px;padding:23px;display:flex;flex-direction:column;gap:12px;transition:transform .15s}.card:hover{transform:translateY(-2px);text-decoration:none;border-color:#759467}.card span{font-weight:700;font-size:18px}.card strong{font-size:14px;font-weight:400;color:var(--muted)}.card small{color:#426e2c;font-size:13px}footer{max-width:1064px;margin:auto;padding:24px 0;border-top:1px solid var(--line);display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--muted)}footer span{margin-inline-start:auto}
@media(max-width:700px){.topbar{height:61px;padding:0 18px}.topbar nav{gap:18px;font-size:12px}.brand{font-size:17px;gap:7px}.brand img{width:23px;height:23px}main{padding:18px 14px 30px}.hero{padding:20px 17px 22px;border-radius:23px}.eyebrow{font-size:10px}.hero h1{font-size:28px;line-height:1.5;margin:9px auto 6px}.occasion-date{font-size:18px}#hijri-date{font-size:12px}.meta-line{font-size:10px;gap:7px 10px;margin:8px 0}.status{font-size:12px;margin:13px 0 0;line-height:1.8}.timer{grid-template-columns:repeat(3,1fr);gap:0;max-width:400px;margin:3px auto 13px}.unit.days{grid-column:1/-1;padding:8px 0 14px;gap:0}.unit.days strong{font-size:112px;line-height:1.1}.unit.days span{font-size:15px}.unit{padding:10px 6px 0;gap:2px;border-top:1px solid #496457}.unit:nth-child(2){border-inline-start:0}.unit strong{font-size:40px;line-height:1.15}.unit span{font-size:11px}.result-caption{font-size:10px;line-height:1.8}.actions{gap:8px;margin-top:19px;font-size:12px}.actions button,.actions .button{padding:9px 12px}.explanation h2,.related h2,.group h2{font-size:18px}.explanation p{font-size:14px}.related-links{flex-direction:column}.related-links a{display:flex;justify-content:space-between}.date-form{flex-wrap:wrap;text-align:start;margin-top:18px;gap:12px}.date-form label{flex-basis:100%}.date-form button{width:100%}.city-form{font-size:12px;gap:8px}.city-form select{padding:8px;font-size:12px;max-width:55%}.city-form button{padding:9px 12px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:17px 14px;gap:10px}.card span{font-size:16px}.card strong{font-size:12px}.hub-intro{padding:22px 0 35px}footer{margin:0 20px;gap:16px}footer span{margin:0;width:100%}}
@media(max-width:350px){.hero h1{font-size:25px}.unit.days strong{font-size:96px}.actions{font-size:10px}.actions button,.actions .button{padding:8px 10px}.cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.timer.soon .days strong{font-size:64px;color:#c0d2c0}.timer.soon .unit:nth-child(2) strong{color:#e1f1b1;font-size:82px}.date-error{color:#f5d397;font-size:13px}
.edit-date{border-color:#496457;padding:12px 0 0;max-width:740px;margin:18px auto 0}.edit-date summary{font-size:12px;color:#d6e2c9;font-weight:400}.edit-date .date-form{margin-top:14px}
.footer-legal{display:flex;gap:16px;align-items:center}.footer-privacy-button{font-size:12px;border:0;padding:0;text-decoration:underline}.privacy-banner{max-width:850px;margin:0 auto 25px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fffdf7;font-size:13px}.privacy-banner p{color:var(--muted);line-height:1.8}.privacy-banner a{text-decoration:underline}.privacy-banner__actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}@media(max-width:700px){.privacy-banner{margin:0 14px 20px}}
.unit{min-width:0}.unit span{white-space:nowrap}@media(max-width:700px){.timer.soon .unit:nth-child(2) strong{font-size:60px}}
@media(max-width:700px){.timer.soon .unit:not(.days){align-self:stretch}.timer.soon .unit:not(.days) strong{min-height:72px;display:flex;align-items:center}}