@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap";:root{--navy-950:#041d36;--navy-900:#082b4b;--navy-800:#0b4161;--teal-700:#087d87;--teal-500:#17b8bd;--cyan-300:#5deef1;--mint-300:#75f4bd;--paper:#f6fbfc;--ink:#0a2538;--muted:#678092;--line:#d7e8ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy-950);color:#fff;margin:0;font-family:Cairo,Tahoma,Arial,sans-serif}button,input{font:inherit}button{color:inherit}.site-shell{background:linear-gradient(#49d4d906 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#49d4d906 1px,#0000 1px) 0 0/44px 44px,radial-gradient(circle at 90% 0,#1ccac633,#0000 33%),linear-gradient(145deg,#041b33 0%,#082d4e 50%,#063b55 100%);min-height:100vh;padding:0 max(22px,50vw - 590px);position:relative;overflow:hidden}.ambient{pointer-events:none;border:1px solid #62f0e82e;border-radius:50%;width:430px;height:430px;position:absolute}.ambient:after,.ambient:before{content:"";border:inherit;border-radius:inherit;position:absolute;inset:42px}.ambient:after{inset:88px}.ambient-one{top:-250px;left:-120px}.ambient-two{bottom:220px;right:-260px}.topbar,.intro,.calendar-panel,.week-detail,.all-weeks,.bottom-filters,.milestones,footer{z-index:1;width:100%;max-width:1180px;margin-inline:auto;position:relative}.topbar{border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.brand{color:#fff;align-items:center;gap:13px;text-decoration:none;display:inline-flex}.brand-mark{width:46px;height:46px;color:var(--navy-950);background:linear-gradient(135deg, var(--cyan-300), var(--mint-300));border-radius:14px;place-items:center;font-weight:900;display:grid;box-shadow:0 12px 30px #32e7e12e}.brand strong,.brand small{display:block}.brand strong{font-size:1rem}.brand small{color:#9fc4d1;margin-top:3px;font-size:.72rem}.top-actions{gap:8px;display:flex}.main-tabs{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:5px;padding:5px;display:flex}.main-tabs button{color:#a9c7d2;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:36px;padding:0 17px}.main-tabs button.active{color:var(--navy-950);background:var(--cyan-300);font-weight:900}.mobile-tabs{display:none}.ghost-button,.icon-button,.view-toggle{cursor:pointer;background:#ffffff0e;border:1px solid #ffffff26;border-radius:13px;min-height:42px;padding:0 16px;transition:all .16s}.ghost-button{color:var(--mint-300);border-color:#75f4bd59}.ghost-button:hover,.icon-button:hover,.view-toggle:hover{background:#ffffff1c;transform:translateY(-1px)}.intro{justify-content:space-between;align-items:end;gap:32px;padding:56px 4px 30px;display:flex}.eyebrow,.section-heading p{color:var(--cyan-300);letter-spacing:.02em;margin:0 0 10px;font-size:.82rem;font-weight:800}.intro h1{letter-spacing:-.04em;max-width:720px;margin:0;font-size:clamp(2.25rem,6vw,4.6rem);line-height:1.07}.intro h1,.week-heading h2,.section-heading h2{font-family:Cairo,sans-serif;font-weight:800}.countdown-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:1180px;margin:0 auto 18px;display:grid;position:relative}.countdown-grid article{background:#fff1;border:1px solid #ffffff21;border-radius:20px;padding:18px 20px}.countdown-grid article.current{border-color:var(--mint-300);box-shadow:inset 0 3px 0 var(--mint-300)}.countdown-grid article>div{justify-content:space-between;align-items:center;gap:15px;display:flex}.countdown-grid span{color:#a9c8d3;font-size:.78rem}.countdown-grid strong{color:var(--mint-300)}.countdown-grid p{color:#b9d1da;margin:10px 0 0;font-size:.72rem}.countdown-grid b{color:#fff}.countdown-grid i{background:var(--cyan-300);border-radius:50%;width:4px;height:4px;margin:0 9px;display:inline-block}.intro-copy{color:#b6d1dc;max-width:760px;margin:20px 0 0;font-size:1.04rem;line-height:1.9}.about-panel{z-index:1;width:100%;max-width:940px;color:var(--ink);background:var(--paper);border-radius:30px;margin:55px auto;padding:clamp(28px,6vw,70px);position:relative;box-shadow:0 35px 95px #000f1e57}.about-panel h1{margin:0;font-family:Cairo,sans-serif;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.15}.about-lead{color:#526f80;max-width:760px;margin:22px 0 0;font-size:1.02rem;line-height:2}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.about-grid article{border:1px solid var(--line);background:#fff;border-radius:19px;padding:24px}.about-grid small,.about-grid strong,.about-grid span{display:block}.about-grid small{color:var(--teal-700);margin-bottom:10px;font-weight:800}.about-grid strong{line-height:1.8}.about-grid span{color:var(--muted);margin-top:6px;line-height:1.9}.about-features{background:#eef7f8;border:1px solid #cfdde2;border-radius:19px;margin-top:32px;padding:24px}.about-features h2{color:#17384c;margin:0 0 14px;font-size:1.15rem}.about-features ul{color:#526f80;gap:9px;margin:0;padding-inline-start:22px;line-height:1.8;display:grid}.contact-card a{color:var(--teal-700);direction:ltr;margin-top:14px;font-weight:900;text-decoration:none;display:inline-block}.contact-card{grid-column:1/-1}.contact-card a:hover{text-decoration:underline}.year-badge{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0f;border:1px solid #ffffff21;border-radius:25px;flex:0 0 140px;padding:20px}.year-badge span,.year-badge small{display:block}.year-badge span{color:var(--cyan-300);font-size:2.45rem;font-weight:900}.year-badge small{color:#b9d2db}.calendar-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#02182b6b;border:1px solid #9be8e826;border-radius:28px;margin-top:22px;padding:14px;box-shadow:0 30px 80px #000d1c45}.term-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.term-tab{text-align:right;color:#d8e6eb;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1f;border-radius:15px;padding:13px 17px}.term-tab span,.term-tab strong,.term-tab small{display:block}.term-tab span{font-weight:900}.term-tab strong{color:#d7e4e9;margin-top:5px;font-size:.84rem}.term-tab small{color:#9eb3bd;margin-top:3px;font-size:.73rem}.term-tab.active{color:#fff;background:#ffffff0e;border-color:#56d7d4;box-shadow:inset 0 0 0 1px #56d7d459,0 8px 24px #0000001f}.term-tab.active small{color:#bed0d7}.term-tab.active strong{color:#fff}.selector-tools{align-items:center;gap:12px;padding:16px 12px 10px;display:flex}.selector-tools>span{color:#8eb0be;margin-inline-end:auto;font-size:.8rem}.weekend-toggle{color:#d5f5f4;cursor:pointer;align-items:center;gap:8px;font-size:.78rem;display:flex}.weekend-toggle input{width:18px;height:18px;accent-color:var(--mint-300)}.selector-heading{justify-content:space-between;align-items:end;gap:18px;padding:25px 12px 14px;display:flex}.selector-heading p{margin:0 0 5px;font-weight:800}.selector-heading span{color:#8eb0be;font-size:.8rem}.week-strip{flex-wrap:wrap;justify-content:center;gap:8px;padding:2px 2px 10px;display:flex;overflow:visible}.week-pill{cursor:pointer;scroll-snap-align:center;background:#ffffff0b;border:1px solid #ffffff17;border-radius:13px;flex:52px;place-items:center;max-width:68px;height:48px;padding:0;font-weight:800;transition:all .16s;display:grid;position:relative}.week-pill:hover{background:#ffffff1c}.week-pill.active{color:#fff;background:#0d6278;border-color:#72d9de;box-shadow:0 0 0 2px #72d9de33,0 8px 22px #0003}.week-pill i{background:var(--mint-300);border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px;right:5px}.week-pill.active i{background:var(--navy-900)}.week-detail,.all-weeks{color:var(--ink);background:var(--paper);border-radius:30px;margin-top:22px;box-shadow:0 35px 95px #000f1e57}.week-detail{padding:clamp(20px,4vw,42px)}.week-heading{border-bottom:1px solid var(--line);justify-content:flex-start;align-items:flex-start;gap:24px;padding-bottom:26px;display:flex}.week-heading-main{text-align:right;flex-wrap:wrap;align-items:baseline;min-width:0;display:flex}.week-heading-side{flex-direction:column;align-items:center;gap:9px;display:flex}.week-inline-navigation{gap:6px;display:flex}.week-inline-navigation button{color:#16384d;cursor:pointer;background:#fff;border:1px solid #bccfd6;border-radius:12px;place-items:center;width:40px;height:40px;padding:0;font-size:1.25rem;font-weight:900;display:grid}.week-inline-navigation button:hover{color:#fff;background:#173e56;border-color:#173e56}.week-heading p{color:var(--teal-700);margin:0;font-size:.9rem;font-weight:900}.week-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.9rem,4vw,3rem)}.week-heading .week-term-name{margin-bottom:5px;font-size:clamp(.78rem,1.5vw,.98rem)}.week-heading .week-term-name:after{content:" -";margin-inline-end:5px}.week-heading .week-name{letter-spacing:0;font-family:Cairo,sans-serif;font-size:clamp(1.35rem,3vw,2rem);font-weight:900}.week-heading-main>span{color:var(--muted);flex-basis:100%;margin-top:10px;font-size:.88rem;display:inline-block}.week-counter{color:#fff;background:linear-gradient(145deg, var(--navy-900), var(--teal-700));border-radius:22px;place-items:center;min-width:64px;min-height:64px;padding:7px;display:grid}.week-counter strong{color:var(--cyan-300);font-size:1.35rem}.week-counter span{color:#b8d7df;font-size:.72rem}.weekend-control-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:flex-start;gap:18px;padding:0 2px 18px;display:flex}.weekend-control-row .weekend-toggle{color:var(--teal-700);white-space:nowrap}.days-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:24px 0;display:grid}.day-card{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:0;padding:14px 16px;box-shadow:0 6px 18px #0f3e500b}.day-card.weekend{background:#eef7f8}.day-card.marked{background:linear-gradient(160deg,#f4fffb,#e1fff1);border-color:#68ddb2;box-shadow:inset 0 3px #36cf9b}.day-date-line{color:#17384c;white-space:nowrap;align-items:baseline;gap:7px;min-width:0;line-height:1.6;display:flex}.day-date-line strong{flex:none;font-size:.86rem}.day-date-line span{color:#8799a3}.day-date-line time{color:#425d6d;min-width:0;font-size:.8rem;font-weight:700}.hijri-date{color:#173e56;margin-top:5px;font-size:.8rem;font-weight:900;display:block}.date-full{display:none}.days-grid.without-weekends{grid-template-columns:repeat(3,minmax(0,1fr))}.events-section{border-top:1px solid var(--line);margin-top:4px;padding-top:22px}.events-panel{color:var(--ink);background:var(--paper);border:1px solid #cfdde2;border-radius:24px;margin-top:22px;padding:clamp(20px,4vw,30px);box-shadow:0 20px 55px #000f1e38}.events-section h3{margin:0 0 14px;font-size:1rem}.event-cards{grid-template-columns:1fr;gap:9px;display:grid}.event-card{background:#fff;border:1px solid #cfdde2;border-right:4px solid #376f83;border-radius:14px;padding:15px 17px}.event-card.national{border-right-color:#e9b949}.event-card.eid{border-right-color:#e678a2}.event-card.global{border-right-color:#34bcd0}.event-card>div{align-items:center;gap:9px;margin-bottom:13px;display:flex}.event-card time{color:#627d8d;font-size:.76rem;line-height:1.8;display:block}.event-card time+time{color:#294f63;margin-top:5px}.event-day{color:var(--ink);margin-bottom:5px;font-size:.78rem;font-weight:800;display:block;position:relative}.events-box{color:#fff;background:linear-gradient(125deg,#073854,#075e69);border-radius:21px;grid-template-columns:190px 1fr;gap:26px;padding:22px;display:grid}.events-box.empty{color:var(--ink);background:#eaf2f4;align-items:center}.events-title{align-items:center;gap:9px;display:flex}.events-title span{color:var(--mint-300);font-size:.7rem}.events-box.empty .events-title span{color:var(--teal-500)}.events-box ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.events-box li{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:20px;padding-bottom:8px;display:flex}.events-box li:last-child{border-bottom:0;padding-bottom:0}.events-box li>span{align-items:center;gap:9px;display:flex}.event-dot{background:var(--mint-300);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.event-dot.national{background:#ffd166}.event-dot.eid{background:#ff8fab}.event-dot.global{background:var(--cyan-300)}.events-box time{color:var(--cyan-300);white-space:nowrap;font-size:.76rem;font-weight:800}.events-box p{color:#708895;margin:0}.week-navigation{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:26px;display:grid}.week-navigation button{min-height:48px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cfdde2;border-radius:14px;align-items:center;gap:9px;padding:0 17px;font-weight:800;display:flex}.week-navigation button:hover{border-color:var(--teal-500)}.week-navigation p{color:#8499a5;text-align:center;margin:0;font-size:.76rem}.all-weeks{padding:clamp(22px,4vw,42px)}.all-terms-view{gap:34px;margin-top:22px;display:grid}.all-terms-view .all-weeks{margin-top:0}.section-heading h2{color:inherit;letter-spacing:-.03em;margin:0;font-size:clamp(1.65rem,4vw,2.45rem)}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:25px;display:grid}.overview-card{text-align:right;min-height:168px;color:var(--ink);border:1px solid var(--line);cursor:default;background:#fff;border-radius:19px;padding:22px;transition:all .16s;position:relative;overflow:hidden}.overview-main{text-align:right;width:100%;color:inherit;padding:0;display:block;position:relative}.overview-card.interactive{cursor:pointer}.overview-card.interactive .overview-main:hover strong{color:var(--teal-700)}.overview-card.interactive:hover{border-color:var(--teal-500);transform:translateY(-3px);box-shadow:0 16px 32px #1865711c}.overview-card.current{border-color:#36cf9b;box-shadow:inset 0 4px #36cf9b}.overview-number{color:#e4f3f3;font-size:4.9rem;font-weight:900;position:absolute;top:-15px;left:8px}.overview-card strong,.overview-card time,.overview-card small{display:block;position:relative}.overview-card strong{margin-bottom:13px;font-size:1.02rem}.overview-card time{color:#627d8d;font-size:.74rem}.overview-card small{color:var(--teal-700);margin-top:18px}.overview-events-list{gap:8px;margin-top:10px;display:grid;position:relative}.overview-events-list article{background:#f5fbfb;border:1px solid #d8e9eb;border-radius:11px;padding:12px}.overview-events-list strong,.overview-events-list time{display:block}.overview-events-list strong{color:var(--ink);margin:0 0 7px;font-size:.8rem;line-height:1.6}.overview-events-list time{color:#6d8592;font-size:.68rem;line-height:1.7}.overview-events-list time+time{color:var(--teal-700)}.milestones{margin-top:65px;margin-bottom:30px}.milestone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:25px;display:grid}.milestone-grid article{color:var(--ink);background:#fff;border:2px solid #d2e3e7;border-radius:20px;padding:20px 22px;box-shadow:0 8px 22px #0f3e5012}.milestone-grid article>strong{color:#17384c;min-height:50px;line-height:1.6;display:block}.milestone-grid article>div{gap:6px;margin-top:12px;display:grid}.milestone-grid span{background:0 0;border-radius:0;padding:0}.milestone-grid small,.milestone-grid b{display:block}.milestone-grid small{color:#8bb4c2;margin-bottom:6px;font-size:.62rem}.milestone-grid b{color:#425d6d;font-size:.8rem;line-height:1.7}.milestone-grid span+span b{color:#173e56;font-weight:900}footer{color:#83a8b7;text-align:center;border-top:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px 0 40px;font-size:.75rem;display:flex}footer p{margin:0}.toast{z-index:10;color:var(--navy-950);background:var(--mint-300);border-radius:13px;padding:13px 20px;font-weight:900;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 15px 38px #00000040}@media (width<=980px){.days-grid,.days-grid.without-weekends{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.site-shell{padding-inline:14px}.topbar{flex-wrap:wrap;min-height:76px;padding-block:12px}.brand small,.icon-button,.year-badge{display:none}.ghost-button{min-height:40px;padding-inline:12px;font-size:.78rem}.intro{padding-top:38px}.intro h1{font-size:2.35rem}.intro-copy{font-size:.92rem}.desktop-tabs{display:none}.mobile-tabs{width:100%;margin-top:18px;display:flex}.mobile-tabs button{flex:1;padding-inline:8px;font-size:.76rem}.about-grid,.term-tabs,.countdown-grid{grid-template-columns:1fr}.term-tab{padding:14px 16px}.selector-tools{flex-wrap:wrap}.selector-tools>span{width:100%}.week-detail{border-radius:24px}.week-heading{align-items:flex-start}.week-heading-main{display:block}.week-counter{min-width:70px;min-height:70px}.week-heading .week-term-name{font-size:.76rem}.week-heading .week-term-name:after{content:none}.week-heading .week-name{font-size:clamp(1.15rem,5vw,1.5rem)}.days-grid,.days-grid.without-weekends{grid-template-columns:repeat(2,minmax(0,1fr))}.day-card.sunday{grid-column:1/-1}.day-card.sunday .date-compact{display:none}.day-card.sunday .date-full{display:inline}.day-card:not(.sunday){padding-inline:11px}.day-card:not(.sunday) .day-date-line{gap:4px}.day-card:not(.sunday) .day-date-line strong,.day-card:not(.sunday) .day-date-line time,.day-card:not(.sunday) .hijri-date{font-size:.72rem}.day-card:last-child{grid-column:auto}.event-cards,.overview-grid,.milestone-grid{grid-template-columns:1fr}.milestone-grid article>strong{min-height:auto}footer{flex-direction:column}}@media (width<=400px){.brand-mark{display:none}.intro h1{font-size:2.05rem}.days-grid,.days-grid.without-weekends{grid-template-columns:repeat(2,minmax(0,1fr))}.day-card:last-child{grid-column:auto}}@media print{body,.site-shell{background:#fff}.site-shell{padding:0}.ambient,.topbar,.intro,.calendar-panel,.bottom-filters,.week-navigation,.milestones,footer{display:none!important}.week-detail{box-shadow:none;border:1px solid #d9e5e8;margin:0}.days-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}