#login-screen{--mp-forest: #166534;--mp-forest-bright: #22c55e;--mp-navy: #1e3a8a;--mp-navy-deep: #0f172a;--mp-white: #ffffff;--mp-red: #dc2626;--mp-glass: rgba(15, 23, 42, .34);--mp-glass-border: rgba(255, 255, 255, .32);z-index:100;width:100vw;height:100vh;min-height:100dvh;overflow:auto;display:flex;flex-direction:column;background:var(--mp-navy-deep);min-width:0;max-width:100%;--login-mod-scale: 1;--login-box-scale: 1}#login-screen.hidden{display:none!important}#login-screen.is-splash-blocked .login-form-card{animation:none!important;opacity:0!important}#login-screen.is-splash-revealed .login-form-card,html.mp-lite #login-screen.is-splash-revealed .login-form-card,html.mp-board-shell #login-screen.is-splash-revealed .login-form-card{opacity:1!important}html.mp-lite #login-screen.is-splash-revealed .login-form-card{animation:none!important;transform:none!important}#login-dynamic-bg-container{position:fixed;inset:0;width:100vw;height:100vh;min-height:100dvh;z-index:0;overflow:hidden;transition:opacity 2s ease-in-out;background:linear-gradient(160deg,var(--mp-navy-deep) 0%,#1e293b 50%,#14532d 100%)}#login-bg-ken-burns{position:absolute;inset:-3%;will-change:transform;animation:loginKenBurns 140s ease-in-out infinite alternate}@keyframes loginKenBurns{0%{transform:scale(1)}to{transform:scale(1.05)}}#login-bg-frame{position:relative;width:100%;height:100%;overflow:hidden;background:#334155}.login-bg-blur{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;object-position:center center;filter:blur(18px) brightness(.78) saturate(1.08);-webkit-filter:blur(18px) brightness(.78) saturate(1.08);opacity:0;transition:opacity 2.5s ease-in-out;z-index:0;pointer-events:none}.login-bg-blur.active{opacity:.85}.login-bg-slide{position:absolute;left:50%;top:50%;width:112%;height:112%;max-width:none;max-height:none;transform:translate(-50%,-50%);object-fit:contain;object-position:center center;opacity:0;transition:opacity 2.5s ease-in-out;z-index:1;user-select:none;pointer-events:none}.login-bg-slide.active{opacity:1}#login-bg-vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,#0f172a2e,#0f172a0d 42%,#16653424),radial-gradient(ellipse at 50% 100%,rgba(30,58,138,.2) 0%,transparent 55%)}@keyframes loginSlideUpFade{0%{opacity:0}to{opacity:1}}.login-animate-slide-up{animation:loginSlideUpFade .7s cubic-bezier(.16,1,.3,1) forwards}#login-panel-wrapper{position:relative;z-index:10;flex:1;display:flex;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:1.5rem;box-sizing:border-box;overflow:visible}#login-panel-wrapper.login-panel-start{justify-content:flex-start;padding-left:clamp(1.5rem,10%,6rem);padding-right:1.5rem}#login-panel-wrapper.login-panel-center{justify-content:center;padding-left:1.5rem;padding-right:1.5rem}#login-panel-wrapper.login-panel-end{justify-content:flex-end;padding-right:clamp(1.5rem,10%,6rem);padding-left:1.5rem}#login-panel-wrapper>main{width:100%;max-width:14.25rem;flex-shrink:0;transform:scale(var(--login-box-scale, 1));transform-origin:top center}#login-panel-wrapper.login-panel-start>main{transform-origin:top left}#login-panel-wrapper.login-panel-end>main{transform-origin:top right}@media (min-width: 768px){@supports (zoom: 1){#login-panel-wrapper>main{zoom:var(--login-box-scale, 1);transform:none}}}#login-screen .login-form-card,#login-screen .mp-login-card{position:relative;background:linear-gradient(168deg,#0f172a5c,#1e3a8a47 48%,#16653442);backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12);border:1px solid var(--mp-glass-border);box-shadow:0 16px 40px #0f172a47,inset 0 1px #fff3;border-radius:1.15rem;padding:.72rem .72rem .65rem;overflow:hidden;isolation:isolate;touch-action:manipulation}.mp-login-color-band{display:grid;grid-template-columns:repeat(4,1fr);gap:0;height:.22rem;border-radius:999px;overflow:hidden;margin-bottom:.65rem;opacity:.92}.mp-login-band.is-forest{background:var(--mp-forest)}.mp-login-band.is-navy{background:var(--mp-navy)}.mp-login-band.is-white{background:#ffffffeb}.mp-login-band.is-red{background:var(--mp-red)}.mp-login-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:.5rem}#login-screen .login-logo-wrap{width:2.65rem;height:2.65rem;margin-bottom:.35rem;background:var(--mp-white);border:1px solid rgba(255,255,255,.85);border-radius:.7rem;box-shadow:0 4px 14px #0f172a33;padding:.28rem;display:flex;align-items:center;justify-content:center}#login-screen .login-logo-wrap img,#login-screen .login-logo-img{width:100%;height:100%;object-fit:contain;display:block;border-radius:.45rem}#login-screen .login-brand-title{font-family:Poppins,Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}#login-screen .login-brand-mentora{color:#dbeafe}#login-screen .login-brand-pro{color:var(--mp-white)}#login-screen .login-brand-ai{color:var(--mp-forest-bright)}#login-screen .login-subtitle{margin:.28rem 0 0;font-size:.6rem;font-weight:500;font-family:Poppins,Plus Jakarta Sans,sans-serif;letter-spacing:.01em;text-transform:none;color:#ffffffb8}.login-role-indicator{display:flex;gap:.22rem;margin-bottom:.48rem;pointer-events:none;user-select:none}.login-role-badge{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.18rem;padding:.28rem .15rem;border-radius:999px;font-size:.5rem;font-weight:700;color:#ffffff73;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.login-role-badge i{font-size:.5rem;opacity:.8;flex-shrink:0}.login-role-badge.is-active-teacher{color:#ecfdf5;background:linear-gradient(145deg,#14532d,#166534 55%,#15803d);border-color:#4ade808c;box-shadow:0 0 0 1px #22c55e40,0 6px 16px #15803d73}.login-role-badge.is-active-student{color:#eff6ff;background:linear-gradient(145deg,#0c1a3a,#1e3a8a 55%,#1d4ed8);border-color:#60a5fa8c;box-shadow:0 0 0 1px #2563eb47,0 6px 16px #1e40af80}.login-role-badge.is-active-parent{color:#fff1f2;background:linear-gradient(145deg,#7f1d1d,#b91c1c 55%,#dc2626);border-color:#fca5a58c;box-shadow:0 0 0 1px #ef444447,0 6px 16px #b91c1c80}.mp-login-quick{width:100%;margin-bottom:.45rem;min-height:1.85rem;padding:.32rem .55rem;border-radius:.65rem;border:1px solid rgba(34,197,94,.4);background:#16653459;color:#bbf7d0;font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.mp-login-form{display:flex;flex-direction:column;gap:.48rem;font-family:Poppins,Plus Jakarta Sans,sans-serif}.mp-login-scale{position:fixed;left:50%;right:auto;transform:translate(-50%);bottom:max(.55rem,var(--mp-alt-pay, env(safe-area-inset-bottom, 0px)));z-index:30;display:flex;align-items:center;gap:.35rem;width:min(16.25rem,calc(100vw - 1.6rem));padding:.38rem .5rem .38rem .58rem;border-radius:999px;background:#0f172a94;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 28px #02061759;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);user-select:none;pointer-events:auto}#login-screen.is-splash-blocked .mp-login-scale,html.mp-kb-open .mp-login-scale,#login-screen.is-kb-open .mp-login-scale{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.mp-login-scale-label{font-size:.52rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap}.mp-login-scale-btn{flex-shrink:0;width:1.55rem;height:1.45rem;border:1px solid rgba(255,255,255,.18);border-radius:.4rem;background:#ffffff14;color:#e2e8f0;font-size:.62rem;font-weight:800;line-height:1;cursor:pointer;padding:0}.mp-login-scale-btn.is-lg{font-size:.78rem}.mp-login-scale-btn:hover{background:#22c55e38;border-color:#4ade8073;color:#fff}.mp-login-scale-range{flex:1;min-width:0;height:.28rem;accent-color:#22c55e;cursor:pointer}.mp-login-scale-value{min-width:2.4rem;text-align:right;font-size:.58rem;font-weight:800;color:#bbf7d0;font-variant-numeric:tabular-nums}.mp-login-form-body{display:flex;flex-direction:column;gap:calc(.38rem * var(--login-mod-scale, 1));padding:calc(.45rem * var(--login-mod-scale, 1)) calc(.42rem * var(--login-mod-scale, 1));border-radius:.72rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}#login-screen .mp-login-form-body .mp-login-label{font-size:calc(.5rem * var(--login-mod-scale, 1))}#login-screen .mp-login-form-body .mp-login-field-icon{font-size:calc(.62rem * var(--login-mod-scale, 1));left:calc(.52rem * var(--login-mod-scale, 1))}#login-screen .mp-login-form-body .mp-login-field{gap:calc(.18rem * var(--login-mod-scale, 1))}#login-screen .mp-login-form-body .mp-login-input,#login-screen .mp-login-form-body .login-glass-input,#login-screen .mp-login-form-body #username.mp-login-input,#login-screen .mp-login-form-body #username.login-glass-input,#login-screen .mp-login-form-body #password.login-glass-input{font-size:calc(.72rem * var(--login-mod-scale, 1))!important;min-height:calc(2.05rem * var(--login-mod-scale, 1));padding-top:calc(.4rem * var(--login-mod-scale, 1));padding-bottom:calc(.4rem * var(--login-mod-scale, 1));padding-left:calc(1.55rem * var(--login-mod-scale, 1));border-radius:calc(.62rem * var(--login-mod-scale, 1))}#login-screen .mp-login-form-body #password.login-glass-input,#login-screen .mp-login-form-body .mp-login-input-password{padding-right:calc(2.05rem * var(--login-mod-scale, 1))}#login-screen .mp-login-form-body #username.mp-login-input::placeholder,#login-screen .mp-login-form-body #username.login-glass-input::placeholder,#login-screen .mp-login-form-body .mp-login-input::placeholder{font-size:calc(.68rem * var(--login-mod-scale, 1))!important}#login-screen .mp-login-form-body .login-password-toggle,#login-screen .mp-login-form-body .mp-login-eye{width:calc(1.5rem * var(--login-mod-scale, 1));height:calc(1.5rem * var(--login-mod-scale, 1));right:calc(.28rem * var(--login-mod-scale, 1))}#login-screen .mp-login-form-body .login-password-toggle i,#login-screen .mp-login-form-body .login-password-toggle svg{width:calc(.78rem * var(--login-mod-scale, 1));height:calc(.78rem * var(--login-mod-scale, 1));font-size:calc(.78rem * var(--login-mod-scale, 1))}#login-panel-wrapper>main{max-width:16.5rem}@media (min-width: 768px){#login-panel-wrapper>main{max-width:16.5rem}}@media (max-width: 767px){#login-panel-wrapper>main{max-width:min(18rem,calc(100vw - 1.75rem))!important;transform-origin:center center}#login-screen .login-form-card,#login-screen .mp-login-card{padding:.7rem .75rem .65rem}#login-screen .login-logo-wrap{width:3.35rem;height:3.35rem;padding:.22rem}.login-bg-slide{width:100%;height:100%;left:0;top:0;transform:none;object-fit:cover;object-position:center 28%}.mp-login-scale-label{display:none}.mp-login-scale{width:auto;max-width:min(12rem,calc(100vw - 2rem));left:50%;right:auto;transform:translate(-50%);bottom:max(.55rem,var(--mp-alt-pay, env(safe-area-inset-bottom, 0px)));gap:.18rem;padding:.2rem .35rem;box-shadow:0 6px 16px #02061747;z-index:25}.mp-login-scale-btn{width:1.15rem;height:1.1rem;font-size:.5rem;border-radius:.32rem}.mp-login-scale-btn.is-lg{font-size:.58rem}.mp-login-scale-range{height:.22rem}.mp-login-scale-value{min-width:1.7rem;font-size:.5rem}#login-panel-wrapper{padding-bottom:calc(3.25rem + var(--mp-alt-pay, env(safe-area-inset-bottom, 0px)))!important;box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}#login-screen.is-kb-open #login-panel-wrapper,html.mp-kb-open #login-panel-wrapper{padding-bottom:max(.75rem,var(--mp-alt-pay, env(safe-area-inset-bottom, 0px)))!important;justify-content:flex-start!important;align-items:center!important;padding-top:max(.75rem,env(safe-area-inset-top,0px));min-height:var(--mp-vv-h, 100dvh);height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}#login-screen.is-kb-open #login-panel-wrapper>main,html.mp-kb-open #login-panel-wrapper>main{margin-top:.35rem;margin-bottom:.35rem}}.mp-login-field{display:flex;flex-direction:column;gap:.18rem}.mp-login-label{font-size:.5rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#ffffff9e;padding-left:.2rem}.mp-login-input-wrap{position:relative;display:block}.mp-login-field-icon{position:absolute;left:.52rem;top:50%;transform:translateY(-50%);font-size:.62rem;color:#bfdbfebf;pointer-events:none;z-index:1;line-height:1}.mp-login-input-wrap:focus-within .mp-login-field-icon{color:var(--mp-forest-bright)}.mp-login-input,#login-screen .login-glass-input{width:100%;box-sizing:border-box;min-height:1.9rem;border:1px solid rgba(255,255,255,.16);border-radius:.62rem;background:#0f172a47;color:var(--mp-white);font-family:Poppins,Plus Jakarta Sans,sans-serif;font-size:.6rem;font-weight:500;line-height:1.25;padding:.34rem .45rem .34rem 1.48rem;outline:none;box-shadow:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}#username.mp-login-input,#username.login-glass-input{font-size:.56rem;letter-spacing:-.01em}#username.mp-login-input::placeholder,#username.login-glass-input::placeholder{font-size:.54rem}.mp-login-input-wrap:focus-within .mp-login-input,.mp-login-input-wrap:focus-within .login-glass-input{border-color:#4ade8073;background:#0f172a61;box-shadow:0 0 0 2px #16653433}.mp-login-input::placeholder,#login-screen .login-glass-input::placeholder{color:#ffffff61;font-weight:400}.mp-login-input-password{padding-right:1.85rem}#login-screen .login-password-toggle,.mp-login-eye{position:absolute;right:.28rem;top:50%;transform:translateY(-50%);width:1.45rem;height:1.45rem;display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;margin:0;border-radius:.4rem;background:transparent;color:#ffffff80;cursor:pointer;z-index:2;transition:color .15s ease,background .15s ease}#login-screen .login-password-toggle:hover,.mp-login-eye:hover{color:#fff;background:#ffffff1a}#login-screen .login-password-toggle i,#login-screen .login-password-toggle svg{width:.72rem;height:.72rem;font-size:.72rem;display:block;pointer-events:none}.mp-login-submit,#login-screen #login-submit-btn{width:100%;margin-top:.1rem;min-height:2.2rem;padding:.42rem .7rem;border:0;border-radius:.7rem;background:linear-gradient(135deg,var(--mp-forest) 0%,#15803d 55%,var(--mp-forest-bright) 100%);color:var(--mp-white);font-size:.76rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;box-shadow:0 6px 18px #16653466;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.mp-login-submit:hover,#login-screen #login-submit-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #1665347a}#login-screen #login-submit-btn:disabled{cursor:wait;opacity:.88;transform:none}.mp-login-footer{margin-top:.55rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:.35rem}.mp-login-footer-btn{width:100%;min-height:1.9rem;padding:.32rem .55rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.28);background:#1e3a8a61;color:var(--mp-white);font-size:.66rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;transition:background .2s ease,border-color .2s ease}.mp-login-footer-btn:hover{background:#1e3a8a85;border-color:#bfdbfe73}.mp-login-footer-row{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.mp-login-footer-link,.mp-login-footer-muted{border:0;background:transparent;cursor:pointer;font-family:inherit;font-size:.58rem;font-weight:600;padding:.2rem 0;line-height:1.3}.mp-login-footer-link{color:#fecacaeb;display:inline-flex;align-items:center;gap:.25rem}.mp-login-footer-link i{font-size:.55rem;color:var(--mp-red)}.mp-login-footer-muted{color:#ffffff80}.mp-login-footer-muted:hover{color:#ffffffd1}@media (max-width: 767px){#login-panel-wrapper{padding:max(.65rem,env(safe-area-inset-top,0)) .75rem max(.65rem,var(--mp-alt-pay, env(safe-area-inset-bottom, 0px)));max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:center!important;justify-content:center!important}#login-panel-wrapper>main{max-width:min(18rem,calc(100vw - 1.75rem))!important;width:100%}#login-screen .login-form-card,#login-screen .mp-login-card{padding:.75rem .75rem .65rem;border-radius:1rem}#login-screen .login-role-indicator{gap:.32rem;margin-bottom:.5rem}#login-screen .login-role-badge{font-size:.58rem;padding:.32rem .2rem;line-height:1.2;white-space:nowrap;overflow:hidden}}