:root{--pink:#cc0879;--blue:#2548da;--yellow:#ffe339;--ink:#17213c;--muted:#647089;--line:#e4e7ef}*{box-sizing:border-box}body{margin:0;background:#fbfcff;color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header{background:white;max-width:1400px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:900;letter-spacing:-.5px}.brand small{display:block;letter-spacing:1.2px;font-size:9px;color:var(--muted)}.logo{background:var(--pink);color:white;border-radius:13px;padding:0 10px;font-size:34px;line-height:48px}.logo span{color:var(--yellow)}nav{display:flex;gap:26px;font-size:14px;font-weight:600}nav a:hover,nav a.active{color:var(--pink)}main{max-width:1150px;padding:42px 28px 80px;margin:auto;min-height:75vh}.eyebrow{color:var(--pink);font-size:12px;letter-spacing:2px;font-weight:800;text-transform:uppercase}.hero{text-align:center;padding:15px 0 32px}.hero h1{font-size:clamp(34px,4.5vw,57px);line-height:1.16;letter-spacing:-2px;margin:18px 0}.hero h1 span{color:var(--pink)}.hero p{color:var(--muted);max-width:600px;margin:20px auto}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #e9d7e3;border-radius:24px;padding:6px 14px;background:white;color:var(--pink);font-size:12px;font-weight:700}.badge i{width:7px;height:7px;background:var(--pink);border-radius:50%}.portals{display:grid;grid-template-columns:1fr 1fr;gap:24px}.portal{border-radius:22px;padding:32px;color:white;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.portal:hover{transform:translateY(-4px);box-shadow:0 16px 30px #17213c20}.portal:after{content:'+';position:absolute;right:-3px;top:-50px;font-size:230px;line-height:1;color:#ffffff0c;font-weight:900}.student{background:var(--blue)}.teacher{background:var(--pink)}.portal .icon{background:#ffffff24;border:1px solid #ffffff35;color:white}.portal h2{font-size:29px;margin:12px 0 2px}.portal p{color:#ffffffe0;margin:0 0 14px}.tags{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.tags span{border:1px solid #ffffff50;border-radius:6px;padding:3px 8px}.cta{margin-top:26px;display:flex;justify-content:space-between;border-top:1px solid #ffffff40;padding-top:18px;font-weight:700;color:var(--yellow)}.steps{display:flex;justify-content:center;gap:36px;align-items:center;margin:30px 0 35px;background:white;padding:18px;border:1px solid var(--line);border-radius:14px;font-size:14px}.steps a,.steps span{display:flex;gap:10px;align-items:center}.steps b{border-radius:50%;background:#edf0f9;color:var(--muted);width:27px;height:27px;text-align:center;line-height:27px}.steps .current{font-weight:700;color:var(--blue)}.steps .current b{background:var(--yellow);color:var(--ink)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head h1{font-size:34px;letter-spacing:-1px;margin:4px 0}.section-head p{margin:0;color:var(--muted)}.back,.crumbs{font-size:13px;color:var(--muted)}.crumbs{margin-bottom:25px}.crumbs a:hover{color:var(--pink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:white;border-radius:16px;padding:24px;display:block;text-align:left;transition:transform .15s,border-color .15s;min-width:0}.card:hover{border-color:var(--blue);transform:translateY(-3px)}.card h2{font-size:18px;margin:15px 0 4px}.card p{color:var(--muted);font-size:13px;margin:0}.card .link{display:block;margin-top:20px;color:var(--blue);font-size:13px;font-weight:700}.icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#eef1ff;color:var(--blue);font-size:22px;font-weight:800}.form-card{padding:32px;position:relative}.form-card h2{font-size:29px}.form-card .numeral{float:right;font-size:75px;line-height:1;font-weight:900;opacity:.16}.form-card.pink .icon,.pink .link{color:var(--pink)}.form-card.pink .icon{background:#fff0f7}.forms{grid-template-columns:1fr 1fr}.toolbar{display:flex;gap:12px;margin:22px 0;flex-wrap:wrap}.toolbar input{flex:1;min-width:200px}.toolbar input,select{border:1px solid #cdd3df;border-radius:10px;background:white;padding:12px 14px;color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.chip{border:1px solid var(--line);padding:7px 14px;background:white;border-radius:24px;font-size:13px;color:var(--muted)}.chip.selected{background:var(--blue);border-color:var(--blue);color:white}.count{font-size:13px;color:var(--muted);margin:15px 0}.status{display:inline-block;border-radius:5px;background:#f1f3f7;color:var(--muted);font-size:11px;padding:3px 7px;margin-bottom:10px}.status.ready{background:#e7f6ed;color:#246d42}.status.ai{background:#fff6bc;color:#6d5800}.notice{background:#f1f4ff;border-left:3px solid var(--blue);padding:14px 18px;border-radius:5px;font-size:13px;color:#475475;margin-top:25px}.empty{grid-column:1/-1;text-align:center;padding:45px;background:white;border:1px dashed #cdd3df;border-radius:16px}.empty h2{font-size:19px}.btn{display:inline-block;background:var(--blue);color:white;border:0;border-radius:9px;padding:11px 18px;font-weight:600;font-size:14px}.btn.secondary{background:#edf0f9;color:var(--ink)}footer{border-top:1px solid var(--line);background:white;padding:25px 5%;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;color:var(--muted)}.footer-brand{font-size:18px;font-weight:900;color:var(--ink)}.footer-brand b{color:var(--pink)}dialog{border:0;border-radius:20px;padding:34px;max-width:640px;width:calc(100% - 32px);max-height:85vh;box-shadow:0 30px 90px #0003}dialog::backdrop{background:#17213c99;backdrop-filter:blur(4px)}.close{position:absolute;top:12px;right:15px;font-size:25px;border:0;background:transparent;color:var(--muted)}dialog h2{padding-right:15px;line-height:1.35}dialog p{color:var(--muted)}.file-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--line);gap:15px;font-size:14px}.file-row a{color:var(--blue);font-weight:700;flex-shrink:0}.about{max-width:750px}.about h1{font-size:38px}.about p{color:var(--muted)}@media(max-width:760px){header{align-items:start;flex-direction:column;padding:18px 22px;gap:15px}nav{gap:17px;flex-wrap:wrap;font-size:12px}main{padding:28px 20px 50px}.hero{padding-top:5px}.hero h1{letter-spacing:-1px}.portals,.forms{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.portal{padding:25px}.steps{gap:12px;font-size:11px;padding:13px 8px}.steps a,.steps span{gap:5px}.steps b{width:22px;height:22px;line-height:22px}.section-head{align-items:start;flex-direction:column}.section-head h1{font-size:28px}.card{padding:18px}footer{flex-direction:column;align-items:start;gap:7px}.file-row{align-items:start}}@media(max-width:430px){.grid{grid-template-columns:1fr}.hero h1{font-size:35px}.steps{gap:7px}.steps a,.steps span{gap:4px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-banner{position:relative;margin:0 calc(50% - min(50vw - 28px,672px));border-radius:18px;overflow:hidden;background:var(--pink)}.hero-banner img{display:block;width:100%;height:auto}.hero-start{position:absolute;left:4.4%;top:64%;width:18.5%;height:14%;border-radius:40px}.hero-start:hover{background:#ffffff20;box-shadow:0 0 0 2px white}.hero-video{position:absolute;left:23.8%;top:64.2%;width:11.7%;height:13.2%;border:1px solid #fff9;background:#a41b61;color:white;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:clamp(7px,1vw,14px);font-weight:700}.portal-intro{text-align:center;margin:28px 0 22px}.portal-intro h2{font-size:23px;margin:0 0 3px}.portal-intro p{font-size:14px;margin:0;color:var(--muted)}@media(max-width:760px){.hero-banner{margin:0 -12px;border-radius:12px}.portal-intro{margin:23px 0 18px}.hero-video{font-size:clamp(4px,1vw,8px)}.hero-start:focus-visible{outline-offset:0}}
/* Friendly illustrated cards */
.illustrated-icon{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:22px;background:#eef1ff;box-shadow:inset 0 0 0 1px #ffffffa0;flex-shrink:0}.illustrated-icon svg{width:60px;height:60px;filter:drop-shadow(0 3px 1px #243b7010)}.portal{padding:30px 32px;border:1px solid #ffffff30;box-shadow:0 8px 24px #2548da14}.student{background:linear-gradient(135deg,#2849de,#344dc7)}.teacher{background:linear-gradient(135deg,#ce087c,#ac146d)}.portal .portal-illustration{width:90px;height:90px;background:#ffffffef;box-shadow:0 5px 0 #00000013;border-radius:25px;transform:rotate(-5deg);margin-bottom:8px}.teacher .portal-illustration{transform:rotate(5deg)}.portal-illustration svg{width:73px;height:73px}.portal-kicker{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.4px;position:absolute;top:45px;right:30px;color:#ffffffbd}.portal h2{margin-top:13px}.portal .cta{background:var(--yellow);color:#17213c;border:0;border-radius:11px;padding:13px 16px;box-shadow:0 4px 0 #00000012}.portal .cta span{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#17213c12;width:25px;height:25px}.portal:after{content:'✦';font-size:190px;top:-32px;right:2px;pointer-events:none}.portal-intro h2:before,.portal-intro h2:after{content:'✦';font-size:18px;color:var(--pink);margin:0 13px}.portal-intro h2:after{color:var(--blue)}.subject-card{position:relative;overflow:hidden;border-radius:20px;padding:26px;background:linear-gradient(150deg,#fff 60%,#f5f7ff);box-shadow:0 4px 15px #17213c04}.subject-card:after{content:'✦';position:absolute;top:18px;right:22px;font-size:20px;color:#dce3ff;transition:transform .2s}.subject-card:hover:after{transform:rotate(35deg);color:var(--pink)}.subject-card:hover .illustrated-icon{transform:rotate(-5deg) translateY(-2px)}.illustrated-icon{transition:transform .2s}.subject-card h2{font-size:19px;margin-top:19px}.subject-card .link{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between}.subject-language .illustrated-icon,.subject-art .illustrated-icon,.subject-moral .illustrated-icon{background:#fff0f7}.subject-science .illustrated-icon,.subject-design .illustrated-icon,.subject-arabic .illustrated-icon{background:#eaf9f1}.subject-history .illustrated-icon,.subject-sport .illustrated-icon{background:#fff4e4}.subject-math .illustrated-icon,.subject-islam .illustrated-icon{background:#f2eeff}.material-card .illustrated-icon{display:flex;margin-bottom:18px;width:64px;height:64px;border-radius:18px}.material-card .illustrated-icon svg{width:51px;height:51px}.material-card h2{margin-top:8px}.form-card{background:linear-gradient(135deg,white,#eef2ff)}.form-card.pink{background:linear-gradient(135deg,white,#fff0f7)}.form-card .icon{width:64px;height:64px;font-size:25px;border-radius:19px;border:1px solid #dfe5ff}.toolbar input{box-shadow:0 3px 12px #17213c04}.steps{box-shadow:0 3px 15px #17213c03}@media(max-width:760px){.portal{padding:25px}.portal-kicker{right:24px;top:37px;font-size:9px}.portal .portal-illustration{width:76px;height:76px}.portal-illustration svg{width:62px;height:62px}.subject-card{padding:21px}.illustrated-icon{width:68px;height:68px}.illustrated-icon svg{width:54px;height:54px}}@media(prefers-reduced-motion:reduce){.card,.portal,.illustrated-icon,.subject-card:after{transition:none}.card:hover,.portal:hover,.subject-card:hover .illustrated-icon{transform:none}}