.expandable-trigger-wrapper{vertical-align:middle;display:inline-flex}.expandable-screen-root{z-index:9999;-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;padding:20px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.expandable-screen-backdrop{z-index:0;-webkit-backdrop-filter:blur(10px);background:#05050585;position:fixed;inset:0}.expandable-screen-viewport{z-index:1;width:100%;max-width:460px;margin:auto;position:relative}.expandable-screen-surface{width:100%;color:var(--fg,#050505);box-sizing:border-box;background:#fff;position:relative;overflow:hidden;box-shadow:0 24px 48px -12px #05050538,0 0 0 1px #05050514}.expandable-screen-close{z-index:10;color:#6f6d67;cursor:pointer;background:#f7f7f5;border:1px solid #05050514;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s,transform .15s;display:inline-flex;position:absolute;top:18px;right:18px}.expandable-screen-close:hover{color:#050505;background:#ebeae5;transform:scale(1.05)}.expandable-screen-close:active{transform:scale(.95)}.expandable-screen-body{width:100%;position:relative}.magnops-login{font-family:var(--font-ui,system-ui, sans-serif);padding:32px 28px 28px}.magnops-login__header{text-align:center;margin-bottom:24px}.magnops-login__brand{justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.magnops-login__title{font-family:var(--font-display,system-ui, sans-serif);color:#050505;letter-spacing:-.02em;margin:0 0 6px;font-size:20px;font-weight:700}.magnops-login__subtitle{color:#6f6d67;margin:0;font-size:13px;line-height:1.45}.magnops-login__roles{background:#f3f2ee;border:1px solid #0505050a;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px;padding:4px;display:grid}.magnops-login__role-btn{color:#6f6d67;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;height:38px;padding:0 12px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.magnops-login__role-btn.is-active{color:#050505;background:#fff;box-shadow:0 2px 6px #0505050f}.magnops-login__form{flex-direction:column;gap:16px;display:flex}.magnops-login__field{flex-direction:column;gap:6px;display:flex}.magnops-login__label{color:#272624;letter-spacing:-.01em;font-size:12.5px;font-weight:600}.magnops-login__input-wrap{align-items:center;display:flex;position:relative}.magnops-login__input{color:#050505;box-sizing:border-box;background:#fafaf8;border:1px solid #05050524;border-radius:10px;outline:none;width:100%;height:44px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,background-color .15s,box-shadow .15s}.magnops-login__input:focus{border-color:var(--accent,#ff6820);background:#fff;box-shadow:0 0 0 3px #ff682024}.magnops-login__input::placeholder{color:#9e9c95}.magnops-login__input--code{letter-spacing:.45em;text-align:center;font-variant-numeric:tabular-nums;font-size:22px}.magnops-login__hint{color:#6f6d67;margin:-6px 0 0;font-size:12.5px;line-height:1.45}.magnops-login__coderow{justify-content:space-between;align-items:center;gap:12px;display:flex}.magnops-login__btn-submit:disabled,.magnops-login__sso-btn:disabled,.magnops-login__forgot-link:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.magnops-login__password-toggle{color:#6f6d67;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.magnops-login__password-toggle:hover{color:#050505}.magnops-login__row-help{justify-content:space-between;align-items:center;margin-top:-2px;font-size:12px;display:flex}.magnops-login__checkbox-label{color:#55534e;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.magnops-login__checkbox-label input{accent-color:var(--accent,#ff6820);width:14px;height:14px;margin:0}.magnops-login__forgot-link{color:#6f6d67;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.magnops-login__forgot-link:hover{color:var(--accent,#ff6820)}.magnops-login__btn-submit{color:#fff;cursor:pointer;background:#050505;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-top:4px;font-size:14px;font-weight:600;transition:background .18s,transform .12s,box-shadow .18s;display:flex}.magnops-login__btn-submit:hover{background:var(--accent,#ff6820);transform:translateY(-1px);box-shadow:0 4px 14px #ff682047}.magnops-login__btn-submit:active{transform:translateY(0)}.magnops-login__divider{text-align:center;color:#9e9c95;text-transform:uppercase;letter-spacing:.04em;align-items:center;margin:18px 0;font-size:11.5px;display:flex}.magnops-login__divider:before,.magnops-login__divider:after{content:"";border-bottom:1px solid #05050514;flex:1}.magnops-login__divider span{padding:0 10px}.magnops-login__sso-btn{color:#272624;cursor:pointer;background:#fff;border:1px solid #0505051f;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;height:42px;font-size:13.5px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.magnops-login__sso-btn:hover{background:#f7f7f5;border-color:#05050533}.magnops-login__feedback{color:#9c3300;background:#fff1ea;border:1px solid #ff682033;border-radius:8px;margin-top:0;padding:10px 12px;font-size:12.5px;line-height:1.4}.magnops-login__feedback--notice{color:#245c2e;background:#f3f7f2;border-color:#16a34a38}.magnops-login__trust{color:#8c8a84;border-top:1px solid #0505050f;justify-content:center;align-items:center;gap:14px;margin-top:20px;padding-top:16px;font-size:11px;display:flex}.magnops-login__trust-item{align-items:center;gap:5px;display:inline-flex}.magnops-login__footer-cta{text-align:center;color:#6f6d67;margin-top:18px;font-size:12px}.magnops-login__footer-cta button{color:#050505;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.magnops-login__footer-cta button:hover{color:var(--accent,#ff6820)}.magnops-login__onboarding-prompt{text-align:center;font-family:var(--font-ui);color:#666;margin-top:14px;font-size:13.5px}.magnops-login__onboarding-link{color:var(--fg,#050505);text-underline-offset:3px;cursor:pointer;font-family:inherit;font-weight:600;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline;transition:color .18s}.magnops-login__onboarding-link:hover{color:var(--accent,#ff6820)}@media (width<=480px){.expandable-screen-root{padding:12px}.magnops-login{padding:28px 20px 22px}.magnops-login__title{font-size:18px}}