.masari-login{--login-canvas:#111a31;--login-panel:#1b2944;--login-raised:#253656;--login-inset:#152139;--login-text:#f7f9ff;--login-muted:#c2cfe6;--login-line:#405779;--login-accent:#68e7dd;--login-ink:#102b3b;--app-font-family:var(--font-app),"Cairo",Tahoma,Arial,sans-serif;min-height:100svh;display:grid;align-content:center;justify-items:center;padding:max(32px,env(safe-area-inset-top)) 28px max(24px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 82% 0,#22375b 0,transparent 45%),radial-gradient(ellipse at 5% 95%,#143348 0,transparent 42%),var(--login-canvas);color:var(--login-text);color-scheme:dark;direction:rtl;font-family:var(--app-font-family);font-size:15px;line-height:1.7;isolation:isolate}.masari-login *,.masari-login :after,.masari-login :before{box-sizing:border-box}.masari-login :is(button,input,select,textarea){font-family:var(--app-font-family)!important}.masari-login :is(h1,h2,p){margin:0}.masari-login a{color:inherit;text-decoration:none}.masari-login button{cursor:pointer}.masari-login :is(button,a,input){-webkit-tap-highlight-color:transparent}.masari-login :is(button,a):focus-visible{outline:3px solid var(--login-accent);outline-offset:4px}.masari-login ::selection{color:var(--login-ink);background:var(--login-accent)}.masari-login-frame{width:min(100%,1010px);min-width:0}.masari-login-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px;padding-inline:5px}.masari-login-brand{display:inline-flex;align-items:center;gap:11px;color:var(--login-text)}.masari-login-brand-mark{display:grid;place-items:center;flex:0 0 43px;width:43px;height:48px;border-radius:15px;background:var(--login-accent);color:var(--login-ink);box-shadow:0 5px 17px #0002}.masari-login-brand-mark svg{display:block;width:25px;height:31px}.masari-login-brand strong{color:var(--login-text);font-size:33px;line-height:1.2;font-weight:800;letter-spacing:-1px}.masari-login-brand strong span{color:var(--login-accent)}.masari-login-institute{color:var(--login-muted);font-size:13px;line-height:1.7;text-align:end}.masari-login-card{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);width:100%;min-width:0;border:1px solid var(--login-line);border-radius:29px;background:var(--login-panel);box-shadow:0 24px 70px #0003;overflow:hidden;animation:masari-login-arrive .35s ease-out both}.masari-login-hero{position:relative;display:flex;min-width:0;min-height:595px;padding:42px 38px;overflow:hidden;border-inline-end:1px solid var(--login-line);background:radial-gradient(ellipse at 15% 90%,#1b5661 0,transparent 61%),linear-gradient(140deg,#253656,#1b2944 65%);isolation:isolate}.masari-login-copy{position:relative;z-index:2;width:100%;align-self:flex-start}.masari-login-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--login-accent);font-size:13px;font-weight:600}.masari-login-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.masari-login-eyebrow:has(svg):before{display:none}.masari-login-eyebrow svg{flex-shrink:0}.masari-login-copy h1{margin:15px 0 11px;color:var(--login-text);font-size:clamp(35px,4.4vw,47px);font-weight:700;line-height:1.5;letter-spacing:-.8px;overflow-wrap:break-word}.masari-login-copy h1 span{color:var(--login-accent)}.masari-login-copy p{max-width:30ch;color:var(--login-muted);font-size:14px;line-height:1.95}.masari-login-mentors{position:absolute;inset-inline:6%;bottom:0;height:290px;pointer-events:none}.masari-login-mentors>:is(.masari-login-teacher,.masari-login-daqoos){position:absolute}.masari-login-orbit{position:absolute;inset:18px 0 -45px;border:1px solid #68e7dd38;border-radius:50%;transform:rotate(-17deg)}.masari-login-orbit:after{content:"";position:absolute;inset:26px -13px -20px 29px;border:1px solid #68e7dd1f;border-radius:50%}.masari-login-teacher{width:210px;height:300px;left:1%;bottom:-11px}.masari-login-daqoos,.masari-login-teacher{position:absolute;filter:drop-shadow(0 7px 14px #0002)}.masari-login-daqoos{width:209px;height:238px;right:0;bottom:-16px}.masari-login-spark{position:absolute;left:49%;top:7px;color:#ffd18c;font-size:28px;line-height:1}.masari-login-access{display:grid;align-content:center;gap:23px;min-width:0;padding:40px 37px}.masari-login-form-heading h2{color:var(--login-text);font-size:27px;line-height:1.65;font-weight:700;letter-spacing:-.5px}.masari-login-form-heading p{margin-top:5px;color:var(--login-muted);font-size:13px;line-height:1.9}.masari-login-form{display:grid;gap:16px;min-width:0;width:100%;margin:0;padding:0;border:0;background:none;box-shadow:none}.masari-login-control{display:grid;gap:8px;min-width:0}.masari-login-control>label{display:block;color:var(--login-text);font-size:13px;line-height:1.7;font-weight:600}.masari-login-field{display:flex;align-items:center;gap:11px;min-width:0;min-height:56px;padding:3px 15px;border:1px solid var(--login-line);border-radius:13px;background:var(--login-inset);transition:border-color .15s ease,box-shadow .15s ease}.masari-login-field>svg{flex-shrink:0;width:19px;height:19px;color:var(--login-muted)}.masari-login-field:focus-within{border-color:var(--login-accent);box-shadow:0 0 0 3px #68e7dd1c}.masari-login-field input{display:block;flex:1 1 0%;width:100%;min-width:0;height:48px;margin:0;padding:7px 0;border:0;border-radius:0;background:transparent;color:var(--login-text);caret-color:var(--login-accent);font-size:16px;font-weight:500;line-height:1.5}.masari-login-field input,.masari-login-field input:focus{outline:none;box-shadow:none}.masari-login-field input::placeholder{color:#aebfda;opacity:1;font-size:14px}.masari-login-field input:-webkit-autofill{-webkit-text-fill-color:var(--login-text);caret-color:var(--login-accent);box-shadow:0 0 0 1000px var(--login-inset) inset;border-radius:7px}.masari-login-password-toggle{display:grid;place-items:center;flex:0 0 44px;min-width:44px;height:44px;margin-inline-end:-8px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--login-muted);transition:background .15s ease,color .15s ease}.masari-login-password-toggle svg{width:20px;height:20px}.masari-login-help{display:flex;align-items:center;justify-content:flex-end;margin-top:-9px}.masari-login-help a{display:inline-flex;align-items:center;min-height:44px;color:var(--login-accent);font-size:12px;font-weight:600}.masari-login-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:55px;margin:-5px 0 0;padding:12px 20px;border:1px solid var(--login-accent);border-radius:13px;background:var(--login-accent);color:var(--login-ink);box-shadow:0 6px 21px #07131f25;font-size:15px;font-weight:700;line-height:1.7;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.masari-login-submit svg{flex-shrink:0;width:19px;height:19px}.masari-login-submit:active:not(:disabled){transform:scale(.985);box-shadow:none}.masari-login-submit:disabled{opacity:.8;cursor:wait}.masari-login-spinner{animation:masari-login-spin .8s linear infinite}.masari-login-trial{display:grid;justify-items:center;gap:2px;margin-top:6px;padding-top:20px;border-top:1px solid var(--login-line);text-align:center}.masari-login-trial>span{color:var(--login-muted);font-size:12px}.masari-login-trial>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;color:var(--login-accent);font-size:14px;font-weight:650}.masari-login-trial>a svg{width:17px;height:17px}.masari-login-alert{margin:0;padding:13px 15px;border:1px solid #ffb4c16b;border-radius:12px;background:#482c43;color:#ffcad3;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.masari-login-footer{padding:21px 8px 0;color:var(--login-muted);text-align:center;font-size:12px;line-height:1.8}.masari-login-footer>span{display:inline-block;margin-inline:10px;color:var(--login-accent);font-size:13px}@media(hover:hover){.masari-login-password-toggle:hover{background:var(--login-raised);color:var(--login-text)}.masari-login-submit:hover:not(:disabled){background:#8ceee6;border-color:#8ceee6;box-shadow:0 8px 26px #07131f40}.masari-login-help a:hover,.masari-login-trial>a:hover{text-decoration:underline;text-underline-offset:5px}}@media(max-width:760px){.masari-login{align-content:start;padding:max(22px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.masari-login-frame{max-width:460px}.masari-login-header{gap:15px;margin-bottom:21px;padding-inline:2px}.masari-login-brand{gap:9px}.masari-login-brand-mark{flex-basis:36px;width:36px;height:41px;border-radius:12px}.masari-login-brand-mark svg{width:21px;height:26px}.masari-login-brand strong{font-size:29px}.masari-login-institute{font-size:12px}.masari-login-card{grid-template-columns:minmax(0,1fr);border-radius:23px}.masari-login-hero{min-height:215px;padding:21px 22px 24px;border-inline-end:0;border-bottom:1px solid var(--login-line)}.masari-login-copy{width:62%}.masari-login-eyebrow{gap:6px;font-size:11px}.masari-login-eyebrow:before{width:5px;height:5px}.masari-login-copy h1{margin:11px 0 8px;font-size:clamp(27px,7.2vw,32px);line-height:1.5;letter-spacing:-.5px}.masari-login-copy p{max-width:21ch;font-size:12px;line-height:1.9}.masari-login-mentors{inset-inline:auto;left:5px;bottom:0;width:43%;height:200px}.masari-login-orbit{inset:24px -8px -17px -18px;transform:rotate(-22deg)}.masari-login-teacher{width:117px;height:181px;left:0;bottom:-8px}.masari-login-daqoos{width:111px;height:139px;right:7px;bottom:-12px}.masari-login-spark{top:10px;left:61%;font-size:22px}.masari-login-access{gap:19px;padding:22px}.masari-login-form-heading h2{font-size:23px}.masari-login-form-heading p{margin-top:3px;font-size:12px}.masari-login-form{gap:13px}.masari-login-control{gap:6px}.masari-login-control>label{font-size:12px}.masari-login-field{min-height:54px;padding-inline:12px}.masari-login-field input{height:46px}.masari-login-help{margin-top:-8px}.masari-login-submit{min-height:53px;margin-top:-5px;font-size:14px}.masari-login-trial{margin-top:4px;padding-top:15px}.masari-login-footer{padding-top:18px;font-size:11px}}@media(max-width:359px){.masari-login{padding-inline:15px;padding-top:max(17px,env(safe-area-inset-top))}.masari-login-header{margin-bottom:17px}.masari-login-institute{font-size:11px}.masari-login-hero{min-height:201px;padding:19px 17px 22px}.masari-login-copy{width:64%}.masari-login-copy h1{font-size:25px}.masari-login-copy p{font-size:11px}.masari-login-mentors{height:180px;left:5px}.masari-login-teacher{width:100px;height:165px;left:0}.masari-login-daqoos{width:99px;height:127px;right:4px}.masari-login-spark{top:3px;font-size:19px}.masari-login-access{padding:19px 17px;gap:17px}.masari-login-form-heading h2{font-size:22px}.masari-login-field{gap:8px}}@keyframes masari-login-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes masari-login-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.masari-login *,.masari-login :after,.masari-login :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}