: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:#fff;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:#fff;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:#fff;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:#fff;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:#fff}.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:#fff;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:#fff;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:#fff;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:#fff;border-radius:24px;font-size:13px;color:var(--muted)}.chip.selected{background:var(--blue);border-color:var(--blue);color:#fff}.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:#fff;border:1px dashed #cdd3df;border-radius:16px}.empty h2{font-size:19px}.btn{display:inline-block;background:var(--blue);color:#fff;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:#fff;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;-webkit-backdrop-filter:blur(4px);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 #fff}.hero-video{position:absolute;left:23.8%;top:64.2%;width:11.7%;height:13.2%;border:1px solid #fff9;background:#a41b61;color:#fff;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}}.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 #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 #00000012}.portal .cta span{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#17213c12;width:25px;height:25px}.portal:after{content:"\2726";font-size:190px;top:-32px;right:2px;pointer-events:none}.portal-intro h2:before,.portal-intro h2:after{content:"\2726";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:"\2726";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,#fff,#eef2ff)}.form-card.pink{background:linear-gradient(135deg,#fff,#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}}body{isolation:isolate}.masteri-ambient{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1;pointer-events:none;contain:strict}.ambient-orb{position:absolute;width:340px;height:340px;border-radius:50%;opacity:.13;animation:masteri-drift 16s ease-in-out infinite alternate}.orb-blue{top:14%;left:-230px;background:radial-gradient(circle,#809bff,transparent 70%)}.orb-pink{bottom:3%;right:-210px;background:radial-gradient(circle,#ff8ac9,transparent 70%);animation-delay:-8s}.ambient-mark{position:absolute;font-weight:800;font-size:42px;opacity:.15;color:var(--blue);animation:masteri-turn 12s ease-in-out infinite alternate}.mark-star{top:24%;right:2%}.mark-plus{bottom:20%;left:2%;color:var(--pink);animation-delay:-6s}.ambient-ring{position:absolute;width:38px;height:38px;border:5px solid #ffe339;border-radius:50%;right:4%;bottom:12%;opacity:.3;animation:masteri-bob 7s ease-in-out infinite}.portal .portal-illustration{animation:masteri-bob 5s ease-in-out infinite}.teacher .portal-illustration{animation-delay:-2.5s}.hero-banner{animation:masteri-reveal .5s ease-out backwards}.portal-intro:before,.portal-intro h2:before,.portal-intro h2:after{animation:masteri-turn 6s ease-in-out infinite alternate}.grid>.card,.portals>.portal{animation:masteri-reveal .4s ease-out backwards}.grid>.card:nth-child(2),.portals>.portal:nth-child(2){animation-delay:.04s}.grid>.card:nth-child(3n){animation-delay:.08s}.grid>.card:nth-child(4n){animation-delay:.12s}.card .link span,.portal .cta span{display:inline-block;transition:transform .2s ease}.card:hover .link span,.portal:hover .cta span{transform:translate(4px)}.motion-toggle{align-self:center;white-space:nowrap;font:600 11px/1.4 Segoe UI,Arial,sans-serif;padding:7px 10px;border:1px solid #e4e7ef;border-radius:20px;background:#f4f6ff;color:#526286;cursor:pointer}.motion-toggle:disabled{cursor:default;opacity:.65}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}@keyframes masteri-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes masteri-drift{0%{transform:translateY(-25px)}to{transform:translateY(50px)}}@keyframes masteri-turn{0%{transform:rotate(-12deg) translateY(0)}to{transform:rotate(14deg) translateY(-8px)}}@keyframes masteri-reveal{0%{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.ambient-mark{font-size:28px}.ambient-ring{width:24px;height:24px;border-width:3px}.ambient-orb{width:260px;height:260px}.motion-toggle{font-size:10px;padding:6px 9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.masteri-ambient{display:none}}.home-refresh{--home-blue:#2648d9;--home-pink:#c40a73;--home-ink:#172348}.home-refresh .hero-banner{margin:0;border-radius:22px;box-shadow:0 12px 35px #243b7010}.home-refresh .hero-start{background:#ffe738;color:#172348;font-size:clamp(8px,1.15vw,15px);font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px}.home-refresh .hero-start:hover{background:#fff279;box-shadow:0 0 0 2px #fff9}.home-refresh .hero-video{gap:6px;background:#ac1a64;font-size:clamp(6px,.9vw,12px)}.home-context{display:flex;align-items:center;gap:18px;padding:16px 4px;color:#778096;font-size:12px;border-bottom:1px solid #e5e9f3}.home-context>span:first-child{display:flex;align-items:center;gap:7px;color:#263861;font-weight:700}.home-context i{width:7px;height:7px;background:#3656df;border-radius:50%}.home-context a{margin-left:auto;color:#2849da;font-weight:650}.home-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:37px 0 22px}.home-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#75809a;margin:0 0 8px}.home-section-head h2{font-size:30px;line-height:1.2;letter-spacing:-.9px;margin:0 0 9px;color:var(--home-ink)}.home-section-head p:not(.home-eyebrow){font-size:14px;color:#738098;margin:0}.home-mini-note{font-size:11px;color:#8891a5;white-space:nowrap;padding-bottom:2px}.home-refresh .portals{gap:22px}.home-refresh .portal{color:var(--home-ink);background:#fff;border:1px solid #dde4f5;border-radius:24px;padding:28px 30px 22px;box-shadow:0 5px 24px #243b7006;overflow:hidden}.home-refresh .student{background:linear-gradient(135deg,#f0f4ff,#fff 58%);border-top:3px solid var(--home-blue)}.home-refresh .teacher{background:linear-gradient(135deg,#fff1f8,#fff 58%);border-color:#eddfeb;border-top:3px solid var(--home-pink)}.home-refresh .portal:after{content:none}.home-card-top{display:flex;align-items:center;gap:14px}.home-refresh .portal .portal-illustration{width:70px;height:70px;border-radius:20px;margin:0;background:#e5ecff;box-shadow:0 4px #2949d90a}.home-refresh .teacher .portal-illustration{background:#ffe1ef}.home-refresh .portal-illustration svg{width:57px;height:57px}.home-role-label{font-size:10px;font-weight:800;letter-spacing:1.3px;color:var(--home-blue)}.teacher .home-role-label{color:var(--home-pink)}.home-card-arrow{margin-left:auto;width:34px;height:34px;border-radius:50%;background:#edf1ff;display:grid;place-items:center;color:var(--home-blue);font-size:20px}.teacher .home-card-arrow{background:#fff0f7;color:var(--home-pink)}.home-refresh .portal h2{font-size:29px;letter-spacing:-.7px;line-height:1.15;margin:25px 0 12px}.home-refresh .portal p{font-size:14px;color:#72809a;line-height:1.7;margin:0}.home-materials{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0 25px}.home-materials span{font-size:10px;font-weight:600;color:#677594;background:#f4f6fb;border:1px solid #e9edf6;padding:5px 9px;border-radius:7px}.home-refresh .portal .cta{display:flex;align-items:center;justify-content:space-between;font-size:13px;background:var(--home-blue);color:#fff;border-radius:12px;padding:12px 15px;box-shadow:none}.home-refresh .teacher .cta{background:var(--home-pink)}.home-refresh .portal .cta span{color:#fff;background:#ffffff20;width:26px;height:26px}.home-access-note{display:block;text-align:center;font-size:10px;color:#8d7f8d;margin-top:9px}.home-refresh .student .cta{margin-bottom:25px}.home-refresh .portal:hover{transform:translateY(-4px);box-shadow:0 14px 34px #243b7012}.home-levels{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;align-items:center;margin-top:28px;padding:26px 28px;background:#f4f6fc;border:1px solid #e9edf7;border-radius:20px}.home-levels h2{font-size:20px;line-height:1.3;letter-spacing:-.4px;margin:0 0 5px}.home-levels p:not(.home-eyebrow){font-size:12px;color:#7b869c;margin:0}.home-level-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.home-level-links a{position:relative;display:flex;flex-direction:column;align-items:start;min-height:92px;padding:12px 15px;background:#fff;border:1px solid #e1e7f4;border-radius:13px;transition:transform .2s,border-color .2s}.home-level-links a>span:first-child{font-size:10px;color:#7a87a1}.home-level-links strong{font-size:29px;font-weight:800;line-height:1.2;color:var(--home-blue);margin-top:5px}.home-level-links a:nth-child(n+3) strong{color:var(--home-pink)}.home-level-links .level-arrow{position:absolute;right:12px;bottom:13px;color:#9ca9c6;font-size:15px}.home-level-links a:hover{transform:translateY(-3px);border-color:#8e9fe6}.home-how{display:flex;align-items:center;justify-content:center;gap:30px;margin:29px 0 0;font-size:11px;color:#8090a9}.home-how>p{font-weight:700;color:#4c5a77}.home-how>div{display:flex;align-items:center;gap:17px}.home-how span{display:flex;align-items:center;gap:8px}.home-how b{font-size:10px;background:#edf1fb;color:#7283ac;border-radius:50%;padding:4px 6px}.home-how i{font-style:normal;color:#bec7d9}@media(max-width:760px){.home-context{gap:8px;font-size:10px;flex-wrap:wrap}.home-context>span:nth-child(2){display:none}.home-context a{font-size:10px}.home-section-head{margin-top:28px}.home-section-head h2{font-size:25px}.home-section-head p:not(.home-eyebrow){font-size:12px}.home-mini-note{display:none}.home-refresh .portal{padding:23px}.home-refresh .portals{grid-template-columns:1fr;gap:16px}.home-refresh .portal h2{margin-top:20px}.home-refresh .student .cta{margin-bottom:0}.home-refresh .portal .portal-illustration{width:64px;height:64px}.home-levels{grid-template-columns:1fr;padding:22px;gap:18px}.home-level-links{gap:7px}.home-level-links a{padding:12px 10px;min-height:82px}.home-how{display:block;text-align:center;margin-top:24px}.home-how>div{justify-content:center;gap:9px}.home-how span{font-size:10px;gap:4px}.home-how i{font-size:10px}.home-refresh .hero-banner{margin:0 -8px;border-radius:15px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/masteri-style.css.map */