/* Athar 4: separate home portal, static high-resolution art, per-reader worlds. */
.cinema.view-home{min-height:100svh;background:#fff1dc url('assets/portal/primary-home.webp') center/cover fixed no-repeat}
.cinema.view-home.stage-preparatory{background-image:url('assets/portal/preparatory-home.webp');background-color:#123e43}
.view-home .cinema-nav{background:#fffcf3e8;backdrop-filter:blur(16px);border-bottom:1px solid #ffffffa8;box-shadow:0 4px 28px #4d256f12}
.cinema.view-home .content{width:100%;max-width:none;margin:0;padding:0}
.home-portal{direction:ltr;min-height:calc(100svh - 100px);display:flex;align-items:center;justify-content:flex-end;padding:30px max(5vw,24px);position:relative;isolation:isolate;background:linear-gradient(90deg,transparent 25%,#fff6e538 43%,#fff6e5d9 66%,#fff6e5e8 100%)}
.portal-content{width:min(580px,47%);margin:0;text-align:start;padding:12px 0}
.portal-topline{display:flex;align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:22px}
.portal-kicker{font:900 10px var(--english),var(--body);letter-spacing:2px;color:#68408a}
.school-switch{display:flex;gap:4px;flex-wrap:wrap;background:#fff9;border:1px solid #dec4ef;border-radius:16px;padding:4px;max-width:max-content;box-shadow:0 3px 0 #ad81ca20}
.school-switch button{display:flex;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:800;color:#6b4b7b;border-radius:11px;border:1px solid transparent;background:transparent;line-height:1.5;white-space:nowrap}
.school-switch button.active{background:linear-gradient(#a565d1,#7c38b0);color:#fff;border-color:#853cb5;box-shadow:0 2px #63298d}
.school-switch .icon{width:17px;height:17px}
.home-portal h1{font:1000 clamp(36px,3.6vw,58px)/1.12 var(--english),var(--title);letter-spacing:-1.8px;margin:0;color:#fff;text-shadow:-2px -2px #542475,2px -2px #542475,-2px 2px #542475,2px 2px #542475,0 5px #542475}
.home-portal h1 em{font-style:normal;color:#ffdc3c;display:inline-block;margin-top:8px}
.portal-welcome{font-size:14px;line-height:1.8;color:#574265;max-width:410px;margin:23px 0}
.portal-destinations{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.portal-destination{display:flex;align-items:center;gap:11px;border:1px solid #d8bfe8;border-radius:18px;padding:15px 14px;min-height:82px;color:#5d3476;background:linear-gradient(135deg,#fffdf9f5,#faf0ffeb);box-shadow:0 4px #c5a8d9,0 8px 20px #5d347610;text-align:start;transition:transform .18s,box-shadow .18s}
.portal-destination:hover{transform:translateY(-3px);box-shadow:0 7px #c5a8d9,0 10px 25px #5d347619}
.portal-destination:focus-visible,.school-switch button:focus-visible{outline:3px solid #593c9a;outline-offset:4px}
.destination-icon{display:grid;place-items:center;flex-shrink:0;background:#edddf9;border-radius:13px;width:40px;height:40px}
.destination-icon .icon{width:24px;height:24px}
.portal-destination>span:nth-child(2){flex:1}
.portal-destination strong{display:block;font:900 15px/1.4 var(--english),var(--body)}
.portal-destination small{display:block;font-size:10px;line-height:1.6;color:#756181;margin-top:3px}
.portal-destination>.icon{width:17px;flex-shrink:0}
.destination-library{grid-column:1/-1;min-height:90px;background:linear-gradient(120deg,#ffe989,#ffd039);border:2px solid #d4a535;box-shadow:0 5px #bd8f28;color:#523466}
.destination-library .destination-icon{background:#fff6c2}.destination-library strong{font-size:23px}.destination-library small{color:#73572d;font-size:11px}
.portal-signature{display:flex;align-items:center;gap:5px;color:#604b6e;font-size:11px;margin-top:25px;flex-wrap:wrap}.portal-signature .icon{height:16px;width:16px}.portal-signature>span{margin-inline-start:auto;font:800 10px var(--english)}
.view-home .page-footer{display:none}
.stage-panel .school-switch{margin:16px 0}.stage-panel>small{display:block;color:#6e5b79;font-size:12px}
/* Preparatory world: Arabian storybook, teal and antique gold. */
body[data-stage=preparatory]{--teal:#18575b;--teal2:#267175;--gold:#dfb558;--ink:#244a4c;--muted:#617a78;--soft:#e8f1ec;--line:#d7e4dc}
.stage-preparatory .home-portal{background:linear-gradient(90deg,transparent 27%,#0d383a20 43%,#123e43c7 65%,#103c42df)}
.stage-preparatory .portal-kicker{color:#ffe6a2}.stage-preparatory .portal-welcome,.stage-preparatory .portal-signature{color:#f9ecd1}
.stage-preparatory .home-portal h1{color:#fff4de;font-family:var(--english),var(--title);text-shadow:0 3px 12px #073438b3;letter-spacing:-1px}.stage-preparatory .home-portal h1 em{color:#f8d27e}
.stage-preparatory .school-switch{background:#103f43d9;border-color:#dbbb76a1}.stage-preparatory .school-switch button{color:#efe3bf}.stage-preparatory .school-switch button.active{background:linear-gradient(#f8df9c,#d5ac5c);color:#254d4e;border-color:#f3d999;box-shadow:0 2px #a9823c}
.stage-preparatory .portal-destination{background:linear-gradient(130deg,#fdf5e4f5,#f4ead9f2);color:#244d4e;border-color:#c7a65d;box-shadow:0 4px #95783f,0 8px 20px #062d3626}.stage-preparatory .destination-icon{background:#e4eadd}.stage-preparatory .portal-destination small{color:#59706a}.stage-preparatory .destination-library{background:linear-gradient(120deg,#f8df9d,#ddb866);color:#264e4c;border-color:#ffecba}.stage-preparatory .destination-library small{color:#526148}.stage-preparatory .destination-library .destination-icon{background:#fff1c3}
.cinema.stage-preparatory:not(.view-home){background:#f6f2e7}.stage-preparatory .cinema-nav{border-color:#e2d1a5;background:#fffaf0ed}.stage-preparatory .cinema-tab{color:#3a6564}.stage-preparatory .cinema-tab.active{background:#e6eee5;color:#245654;border-color:#b9c9b5;box-shadow:0 3px #b3c8b9}.stage-preparatory .profile-btn .avatar{background:#ecdfb4;color:#52634a;box-shadow:0 3px #c6b783}.stage-preparatory .playful-book{border-color:#dfd0ad;box-shadow:0 7px #dfd5bf}.stage-preparatory .playful-book-body{background:#fffdf4}.stage-preparatory .playful-book h3,.stage-preparatory .page-intro h1,.stage-preparatory h2{color:#245657}.stage-preparatory .category-tab.active,.stage-preparatory .segment.active{background:#28686a;border-color:#20595b;box-shadow:0 3px #174548;color:#fff}.stage-preparatory .category-tab:not(.active),.stage-preparatory .segment:not(.active){color:#496b65}.stage-preparatory .category-tab,.stage-preparatory .segments{border-color:#d9cfb4;background:#fffaf0}.stage-preparatory .book-cta{color:#34675f}.stage-preparatory .panel,.stage-preparatory .stat,.stage-preparatory .badge-card{border-color:#e1d5b9;box-shadow:0 4px #ece2cc;background:#fffdf5}.stage-preparatory .btn{background:#28686a;color:#fff;border-color:#1d5759}.stage-preparatory .btn.light{color:#356359;background:#f3f1e2;border-color:#d1ceb3}.stage-preparatory .category-ribbon{background:#fff4d8;color:#53674c;border-color:#b89a57}.stage-preparatory .bottom-nav button.active{color:#28686a}
body[data-stage=preparatory] .reader-shell{background:#f5f1e7}body[data-stage=preparatory] .reader-top,body[data-stage=preparatory] .reader-dock{background:#fffaf0f5;border-color:#d9cba8}body[data-stage=preparatory] .reader-shell .btn{background:#28686a;border-color:#205558;color:#fff}body[data-stage=preparatory] .reader-shell .btn.light{background:#f5f2e4;color:#34625e;border-color:#d3c5a4}body[data-stage=preparatory] .book-page{border-color:#c5b782;box-shadow:0 6px #ddd1b7}body[data-stage=preparatory] .reading-text{color:#3b514f}body[data-stage=preparatory] .reader-title h1{color:#245657}
html[dir=rtl] .portal-content{direction:rtl}html[dir=rtl] .portal-content{margin-left:0;margin-right:0}html[dir=rtl] .home-portal h1{font-family:var(--title);font-size:clamp(31px,3.2vw,49px);line-height:1.7;letter-spacing:0}html[dir=rtl] .portal-destination>.icon{transform:rotate(180deg)}html[dir=rtl] .portal-kicker{letter-spacing:0}
@media(min-width:1600px){.portal-content{width:580px}.home-portal{padding-top:40px;padding-bottom:40px}}
@media(max-width:1100px){.portal-content{width:50%}.home-portal{padding:24px 4%}.portal-destination{padding:12px 10px;gap:8px}.portal-destination strong{font-size:13px}.destination-library strong{font-size:21px}.destination-icon{height:33px;width:33px}.portal-topline{gap:13px;margin-bottom:16px}.home-portal h1{font-size:43px}.portal-welcome{font-size:13px;margin:18px 0}.portal-signature{font-size:10px}}
@media(max-width:700px){.cinema.view-home{background-attachment:scroll;background-position:29% top;background-size:auto 100svh}.home-portal{min-height:calc(100svh - 83px);padding:245px 18px 105px;align-items:flex-start;background:linear-gradient(0deg,#fff3e6f5 0%,#fff3e6f5 49%,#fff3e6d4 64%,#fff3e600 89%)}.portal-content{width:100%;padding:0;max-width:480px;margin:0 auto;text-align:center}.portal-topline{align-items:center;gap:12px}.portal-kicker{font-size:9px}.home-portal h1{font-size:38px;line-height:1.1;letter-spacing:-1px}.home-portal h1 br{display:none}.home-portal h1 em{display:block;margin-top:6px}.portal-welcome{max-width:340px;margin:18px auto;font-size:12px}.portal-destinations{gap:11px}.portal-destination{min-height:76px;padding:13px 11px;border-radius:15px;text-align:start}.destination-library{min-height:84px}.portal-destination strong{font-size:13px}.destination-library strong{font-size:21px}.portal-destination small{font-size:9px}.destination-icon{width:32px;height:32px;border-radius:10px}.destination-icon .icon{width:20px;height:20px}.portal-destination>.icon{display:none}.portal-signature{justify-content:center;margin-top:25px}.portal-signature>span{margin-inline-start:8px}.school-switch button{font-size:11px;padding:7px 13px}.view-home .cinema-nav{background:#fff9efe8}.stage-preparatory .home-portal{background:linear-gradient(0deg,#103e43fa 0%,#103e43f5 50%,#103e43ce 66%,#103e4300 92%)}.stage-preparatory.view-home{background-position:31% top}.stage-preparatory .portal-signature{color:#e7d9b6}html[dir=rtl] .home-portal h1{font-size:31px;line-height:1.7}html[dir=rtl] .home-portal h1 br{display:none}html[dir=rtl] .portal-content{margin:0 auto}}
@media(max-width:370px){.portal-destinations{grid-template-columns:1fr}.destination-library{grid-column:auto}.home-portal{padding-top:225px}.portal-destination{min-height:70px}.home-portal h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){.portal-destination{transition:none}}
@media print{.home-portal{display:none!important}.stage-preparatory .panel{box-shadow:none}}