[hidden]{display:none!important}
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--night:#07132d;--blue:#092b5d;--panel:#102950;--panel2:#173b6d;--cyan:#54f5ed;--gold:#ffe36d;--white:#f7fbff;--muted:#b6cae3;--line:#2c5481;--round:23px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;direction:rtl;font-family:'Cairo',Tahoma,Arial,sans-serif;background:radial-gradient(ellipse at 90% 0%,#124e7b 0,transparent 34%),radial-gradient(ellipse at 5% 28%,#232c69 0,transparent 30%),linear-gradient(180deg,#06132c,#081a36 65%,#07152d);color:var(--white);line-height:1.9;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:65px 65px}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:absolute;top:-100px;right:10px;background:var(--gold);color:#09152d;padding:6px 20px;z-index:50}.skip:focus{top:8px}.shell{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:30;background:#07172ce8;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:80px}.brand{display:flex;align-items:center;gap:10px;font-size:1.45rem;font-weight:900;color:#fff}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),#64b7ff);color:#06172d;font-size:25px;box-shadow:0 6px 25px #31dce254}.nav{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.nav a{padding:9px 11px;border-radius:12px;font-size:.92rem;font-weight:800;color:var(--muted)}.nav a[aria-current="page"],.nav a:hover{background:#1a4675;color:var(--gold)}.menu-btn{display:none;cursor:pointer;color:white;background:#17416a;border:1px solid var(--line);border-radius:12px;padding:5px 14px;font-size:25px}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:45px;padding:75px 0 45px}.eyebrow{display:inline-flex;border-radius:90px;background:#174b69;border:1px solid #2999a1;color:var(--cyan);padding:5px 17px;font-size:.88rem;font-weight:800}.hero h1{font-size:clamp(2.4rem,5.7vw,5rem);line-height:1.23;margin:14px 0;color:var(--gold);text-shadow:0 6px 30px #ffc85740}.hero p{font-size:1.19rem;color:var(--muted);max-width:640px}.hero-art{width:100%;filter:drop-shadow(0 0 32px #45d8ff55);animation:floaty 5s ease-in-out infinite}@keyframes floaty{50%{transform:translateY(-13px)}}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;border-radius:14px;padding:9px 23px;border:1px solid #377caf;background:#153960;color:#fff;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#22578a}.btn.primary{background:linear-gradient(115deg,#ffe576,#ffaf50);color:#141d32;border:0;box-shadow:0 9px 24px #f0ae3860}.btn.secondary{background:#134e65;border-color:#3bcac4}.section{padding:28px 0 36px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section h2,.page-heading h1{font-size:clamp(1.65rem,3vw,2.5rem);margin:0 0 7px;color:#fff;line-height:1.5}.section h2:before{content:"✦";color:var(--cyan);margin-left:9px}.section-intro{margin:0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.cards.four{grid-template-columns:repeat(4,1fr)}.card{display:flex;flex-direction:column;gap:10px;border:1px solid #295583;background:linear-gradient(145deg,#123765dd,#0b2148e9);border-radius:var(--round);padding:23px;min-height:195px;box-shadow:0 12px 32px #0002;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#55d7e6}.card .art{font-size:3rem;line-height:1.4}.card h3{font-size:1.21rem;line-height:1.55;margin:0;color:var(--gold)}.card p{margin:0;color:var(--muted);font-size:.92rem}.card .more{font-weight:800;color:var(--cyan);margin-top:auto}.callout{background:linear-gradient(125deg,#184f74,#182b5e);border:1px solid #368fac;border-radius:24px;padding:25px 30px;margin:26px 0}.callout h2{margin:0 0 8px;color:var(--gold)}.callout p{margin:0;color:#e4effc}.page-heading{padding:50px 0 20px}.breadcrumbs{color:var(--muted);font-size:.88rem;display:flex;gap:10px;flex-wrap:wrap}.breadcrumbs a:hover{color:var(--cyan)}.article{max-width:870px;margin:0 auto;padding:12px 0 55px}.article h2{margin-top:30px;color:var(--gold);line-height:1.6}.article h3{color:var(--cyan)}.article p,.article li{font-size:1.06rem;color:#e3eefc}.article ul{padding-right:26px}.article a:not(.btn){color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.meta{color:var(--muted);font-size:.9rem}.ad-placeholder{border:1px dashed #3e6283;color:#8ea9c8;text-align:center;border-radius:15px;padding:24px;margin:22px 0;font-size:.84rem}.episodes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.episode{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;background:#11335e;border:1px solid #2b5c8a;border-radius:15px;cursor:pointer;color:#fff;text-align:right;font-weight:700}.episode:hover{border-color:var(--cyan)}.episode.done{border-color:#72d896;background:#164f4b}.episode.done .episode-status{color:#90ffbc}.episode-status{font-size:.72rem;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:15px 0}.field{width:min(390px,100%);background:#102b51;border:1px solid #37658f;border-radius:12px;padding:11px 16px;color:#fff}.progress-track{height:14px;border-radius:100px;background:#173353;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .3s}.quiz{background:#0f2c52;border-radius:20px;border:1px solid #37658f;padding:26px;max-width:800px}.quiz legend{font-weight:900;color:var(--gold);font-size:1.15rem;margin-bottom:12px}.quiz fieldset{border:0;padding:0;margin:0}.quiz .answers{display:grid;gap:11px}.quiz label{display:block;border:1px solid #37658f;border-radius:12px;padding:11px 14px;cursor:pointer}.quiz label:has(input:checked){background:#1c5471;border-color:var(--cyan)}.quiz input{accent-color:#ffe36d;margin-left:9px}.quiz button{margin-top:19px}.quiz-status{margin-top:15px;font-weight:900;color:var(--cyan)}.notice{background:#0f3b57;border-right:4px solid var(--cyan);padding:15px 20px;border-radius:12px;margin:24px 0}.site-footer{border-top:1px solid #2b4b72;background:#061428;margin-top:60px;padding:30px 0 36px}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-grid p{color:var(--muted);max-width:560px}.footer-links{display:flex;gap:14px;flex-wrap:wrap;color:#c6deee}.footer-links a:hover{color:var(--gold)}.tiny{font-size:.8rem;color:#8fa7c6}.chip{display:inline-block;color:#8adbf5;border:1px solid #356c9f;background:#113459;padding:3px 13px;border-radius:24px;font-size:.8rem;font-weight:800}.empty{color:var(--muted);padding:18px 0}
@media(max-width:920px){.hero{gap:16px}.cards.four{grid-template-columns:repeat(2,1fr)}.episodes-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.topbar{min-height:68px}.brand{font-size:1.15rem}.brand-mark{width:40px;height:40px}.menu-btn{display:block}.nav{display:none;position:absolute;top:68px;right:0;left:0;padding:12px 4%;background:#081d37;border-bottom:1px solid #3a608a;box-shadow:0 16px 25px #0005}.nav.open{display:flex;flex-direction:column;align-items:stretch}.nav a{font-size:1.03rem}.hero{grid-template-columns:1fr;padding:40px 0 20px;text-align:center}.hero p{font-size:1rem}.hero-art{max-width:420px;margin:auto}.actions{justify-content:center}.cards,.cards.four{grid-template-columns:1fr 1fr;gap:12px}.card{padding:17px;min-height:170px}.episodes-grid{grid-template-columns:repeat(2,1fr)}.page-heading{padding-top:28px}}
@media(max-width:450px){.cards,.cards.four{grid-template-columns:1fr}.episodes-grid{grid-template-columns:repeat(2,1fr)}.section{padding:20px 0}.card{min-height:145px}.callout{padding:20px}.quiz{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}