@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--portal-bg:#f5f7fb;--portal-ink:#16243a;--portal-muted:#65738a;--portal-line:#dfe5ee;--portal-blue:#3157c8;--portal-violet:#7251ce;--portal-teal:#128c83;--portal-orange:#df7b35}*{box-sizing:border-box}html{scroll-behavior:smooth}body.portal-body{margin:0;background:var(--portal-bg);color:var(--portal-ink);font-family:'Tajawal','Segoe UI',Tahoma,Arial,sans-serif;line-height:1.65}a{color:inherit}.portal-shell{width:min(1180px,calc(100% - 30px));margin:auto}.portal-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.portal-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:1.15rem}.portal-logo-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#172a50;color:#fff;font:900 1.15rem Arial}.portal-links{display:flex;align-items:center;gap:9px}.portal-links a{text-decoration:none;padding:8px 11px;border-radius:9px;color:#526078;font-weight:700}.portal-links a:hover{background:#fff}.portal-nav-btn{background:#172a50!important;color:#fff!important}.portal-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:35px;min-height:590px;padding:clamp(35px,6vw,78px);border-radius:34px;background:linear-gradient(135deg,#182c61 0%,#435fd0 48%,#586dd6 100%);color:#fff;box-shadow:0 30px 80px #2337782b}.portal-hero:before{content:"";position:absolute;inset:auto -100px -190px auto;width:430px;height:430px;border-radius:50%;background:#efab4d;opacity:.22}.portal-eyebrow{display:inline-flex;padding:6px 12px;border:1px solid #ffffff3d;border-radius:999px;background:#ffffff12;font-size:.78rem;font-weight:800}.portal-hero h1{max-width:710px;margin:20px 0 18px;font-size:clamp(2.9rem,7vw,6rem);line-height:1.06;letter-spacing:-.035em}.portal-hero h1 span{color:#ffdc8c}.portal-hero p{max-width:650px;margin:0;color:#e4e9ff;font-size:clamp(1rem,2vw,1.15rem);line-height:1.9}.portal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.portal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;text-decoration:none;font-weight:900}.portal-btn.light{background:#fff;color:#29449c}.portal-btn.ghost{border:1px solid #ffffff4d;background:#ffffff0c;color:#fff}.portal-visual{position:relative;min-height:390px;display:grid;place-items:center}.portal-cube{position:relative;z-index:2;display:grid;place-items:center;width:230px;height:230px;border-radius:50px;background:linear-gradient(145deg,#fff,#dce5ff);color:#3947a7;font:900 8rem/1 Arial;transform:rotate(-7deg);box-shadow:0 34px 70px #101c5a55}.portal-orbit{position:absolute;border:2px solid #ffffff40;border-radius:50%}.portal-orbit.a{width:350px;height:350px}.portal-orbit.b{width:430px;height:260px;transform:rotate(30deg)}.portal-float{position:absolute;z-index:3;padding:8px 12px;border:1px solid #ffffff48;border-radius:10px;background:#17265abf;backdrop-filter:blur(8px);font-weight:800}.portal-float.one{top:35px;right:10px}.portal-float.two{bottom:38px;left:0}.portal-float.three{top:100px;left:10px}.portal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 58px}.portal-summary article{display:flex;align-items:center;gap:12px;padding:17px 19px;border:1px solid var(--portal-line);border-radius:17px;background:#fff}.portal-summary b{font-size:1.3rem}.summary-icon{display:grid;place-items:center;min-width:50px;height:50px;border-radius:14px;background:#edf1ff;color:#3e54b8;font-weight:900}.portal-section{padding:35px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:22px}.section-heading small{color:var(--portal-blue);font-weight:900;letter-spacing:.13em}.section-heading h2{margin:5px 0 0;font-size:clamp(2rem,4.5vw,3.3rem);line-height:1.2}.section-heading p{max-width:480px;color:var(--portal-muted);margin:0}.project-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.portal-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;min-height:260px;padding:30px;border-radius:25px;text-decoration:none;color:#fff;transition:transform .2s,box-shadow .2s}.portal-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #283f6526}.portal-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#fff;opacity:.08;left:-60px;bottom:-100px}.portal-card.english{background:linear-gradient(135deg,#183d7b,#2775aa)}.portal-card.quran{background:linear-gradient(135deg,#9b492f,#db8240)}.portal-card.game{background:linear-gradient(135deg,#4f2c98,#c63178)}.portal-card.lab{background:linear-gradient(135deg,#073747,#078286)}.portal-symbol{display:grid;place-items:center;width:118px;height:118px;border:1px solid #ffffff3d;border-radius:27px;background:#ffffff17;font:900 2.7rem Arial}.portal-card h3{margin:5px 0;font-size:1.8rem}.portal-card p{margin:0;color:#ffffffd0;line-height:1.75}.portal-card strong{display:block;margin-top:17px}.portal-kicker{font-size:.75rem;font-weight:900;letter-spacing:.08em;color:#ffffffbd}.portal-quote{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:55px 0 20px;padding:30px 35px;border:1px solid #dae1ed;border-radius:23px;background:#e9eefc}.portal-quote h2{margin:0;font-size:clamp(1.5rem,3vw,2.25rem)}.portal-footer{display:flex;align-items:center;gap:22px;margin-top:50px;padding:28px 4px;border-top:1px solid var(--portal-line);color:var(--portal-muted)}.portal-footer b{font:900 1.6rem Arial;color:#172a50}.portal-footer a{margin-inline-start:auto;text-decoration:none;color:#3157c8;font-weight:800}
/* English hub */.english-hero{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;padding:42px;border-radius:28px;background:linear-gradient(135deg,#14366d,#266ba5);color:#fff}.english-hero h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.1;margin:7px 0}.english-hero p{max-width:730px;color:#dceaff}.english-badge{display:grid;place-items:center;width:155px;height:155px;border-radius:34px;background:#fff;color:#254ca0;font:900 5rem Arial;box-shadow:0 25px 55px #0b245755}.hub-back{display:inline-flex;margin:5px 0 15px;text-decoration:none;color:#4f6077;font-weight:800}.lesson-grid-portal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hub-lesson{position:relative;min-height:285px;padding:23px;border:1px solid var(--portal-line);border-radius:20px;background:#fff;text-decoration:none;transition:.2s}.hub-lesson:hover{transform:translateY(-3px);box-shadow:0 16px 35px #21355218}.hub-number{font:900 3.7rem Arial;color:#dce3ee}.hub-tag{display:inline-block;padding:5px 9px;border-radius:99px;background:#eef3ff;color:#4055ad;font-size:.72rem;font-weight:900}.hub-lesson h3{font-size:1.45rem;margin:12px 0 7px}.hub-lesson p{color:var(--portal-muted);margin:0}.hub-action{position:absolute;right:23px;bottom:20px;color:#3157c8;font-weight:900}.vocab-standalone{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;margin:55px 0 10px;padding:38px;border-radius:26px;background:linear-gradient(135deg,#093b4b,#0d7d7c);color:#fff}.vocab-standalone h2{margin:5px 0;font-size:clamp(2.2rem,5vw,3.8rem)}.vocab-standalone p{max-width:700px;color:#d7f1ef}.vocab-stats{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.vocab-stats span{padding:7px 10px;border:1px solid #ffffff32;border-radius:8px;background:#ffffff0e}.vocab-icon{display:grid;place-items:center;width:150px;height:150px;border-radius:30px;background:#fff;color:#0b6870;font:900 4.5rem Arial}
/* Quick access */.english-quick{padding:34px 0 8px}.quick-heading small{color:var(--portal-blue);font-weight:900;letter-spacing:.08em}.quick-heading h2{margin:3px 0 16px;font-size:clamp(1.7rem,4vw,2.5rem)}.quick-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.quick-choice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;min-height:135px;padding:22px 24px;border-radius:22px;color:#fff;text-decoration:none;box-shadow:0 14px 32px #1d31551a;transition:.2s}.quick-choice:hover{transform:translateY(-3px)}.quick-choice.words{background:linear-gradient(135deg,#08706f,#13a08f)}.quick-choice.grammar{background:linear-gradient(135deg,#2b4cac,#6d52ce)}.quick-icon{display:grid;place-items:center;width:66px;height:66px;border:1px solid #ffffff4d;border-radius:18px;background:#ffffff17;font:900 1.45rem Arial}.quick-choice small,.quick-choice strong,.quick-choice em{display:block}.quick-choice small{font-size:.65rem;letter-spacing:.12em;color:#ffffffb8}.quick-choice strong{font-size:1.55rem;line-height:1.3}.quick-choice em{font-style:normal;color:#ffffffcf;font-size:.88rem}.quick-choice>b{font-size:1.5rem}.mobile-collapse-note{display:none}
@media(max-width:850px){.portal-hero{grid-template-columns:1fr;padding:38px 27px;min-height:0}.portal-visual{min-height:300px}.portal-summary{grid-template-columns:1fr}.project-cards{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.lesson-grid-portal{grid-template-columns:repeat(2,1fr)}.english-hero{grid-template-columns:1fr}.english-badge{display:none}.vocab-standalone{grid-template-columns:1fr}.vocab-icon{display:none}}@media(max-width:560px){.portal-shell{width:min(100% - 20px,1180px)}.portal-links a:not(.portal-nav-btn){display:none}.portal-hero{border-radius:23px}.portal-hero h1{font-size:3rem}.portal-visual{min-height:235px}.portal-cube{width:140px;height:140px;border-radius:30px;font-size:5rem}.portal-orbit.a{width:230px;height:230px}.portal-orbit.b{width:270px;height:180px}.portal-float{font-size:.7rem}.project-cards{grid-template-columns:1fr}.portal-card{grid-template-columns:1fr;min-height:0;padding:25px}.portal-symbol{width:80px;height:80px;border-radius:20px;font-size:2rem}.portal-quote,.portal-footer{align-items:flex-start;flex-direction:column}.portal-footer a{margin:0}.english-hero{padding:25px 20px}.english-hero h1{font-size:2.35rem}.english-quick{padding-top:22px}.quick-heading h2{font-size:1.55rem}.quick-menu{grid-template-columns:1fr}.quick-choice{min-height:96px;padding:14px 16px;border-radius:17px;gap:12px}.quick-icon{width:54px;height:54px;border-radius:14px}.quick-choice strong{font-size:1.3rem}.quick-choice em{font-size:.78rem}.portal-section{padding-top:24px}.section-heading{margin-bottom:10px}.section-heading h2{font-size:1.75rem}.section-heading p{font-size:.88rem}.mobile-collapse-note{display:block;margin:0 0 10px;color:var(--portal-muted);font-size:.78rem}.lesson-grid-portal{grid-template-columns:1fr;gap:8px}.hub-lesson{display:grid;grid-template-columns:46px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:0;padding:12px 14px;border-radius:15px}.hub-number{grid-row:1/3;font-size:1.45rem;color:#aebbd0}.hub-tag{grid-column:3;grid-row:1/3;white-space:nowrap;font-size:.62rem;padding:4px 7px}.hub-lesson h3{grid-column:2;grid-row:1;margin:0;font-size:1rem;line-height:1.25}.hub-lesson p{display:none}.hub-action{position:static;grid-column:2;grid-row:2;font-size:.72rem}.vocab-standalone{margin-top:30px;padding:25px 20px}.vocab-standalone h2{font-size:2rem}.vocab-stats span{font-size:.75rem}}