*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;background:#030406;scroll-padding-top:24px}body{margin:0;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:48px 24px;background:#030406;color:var(--mix-text);font-size:14px;-webkit-font-smoothing:antialiased;isolation:isolate}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid var(--mix-accent);outline-offset:4px}.entry-stars{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:#030406}.skip-link{position:fixed;left:16px;top:-80px;z-index:20;padding:12px 16px;border-radius:8px;background:#335ce8;color:#fff;font-weight:600}.skip-link:focus{top:16px}
.entry-shell{position:relative;width:100%;max-width:400px;margin:0 auto}.entry-header{display:flex;justify-content:center;align-items:center;margin:0 0 26px}.entry-header .mix-brand{display:flex;gap:12px;align-items:center;min-height:48px;border-radius:6px;color:#f4f6fc}.entry-header .mix-logo{width:46px;height:46px}.entry-header .mix-brand-name{font-size:32px;font-weight:720;letter-spacing:-1.4px}.entry-tools{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:5}.login-appearance{width:44px;height:44px;display:inline-grid;place-items:center;padding:10px;border:1px solid #ffffff1c;border-radius:12px;background:#0e1118cc;color:#d7dce8}.login-appearance:hover{background:#1e2433;color:#fff}.login-appearance svg{width:20px;height:20px;pointer-events:none}
.entry-content{position:relative;width:100%;padding:32px;border:1px solid #d0d6e1;border-radius:18px;background:#fffffff7;box-shadow:0 24px 80px #0005}.entry-content::before{content:"";position:absolute;top:-1px;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,#a8b8dc,transparent)}:root[data-theme=dark] .entry-content{background:#0d1017f5;border-color:#ffffff20;box-shadow:0 24px 90px #0008}:root[data-theme=dark] .entry-content::before{background:linear-gradient(90deg,transparent,#647cad7a,transparent)}.login-card{width:100%;margin:0}.entry-heading{text-align:center;margin-bottom:30px}h1{font-size:31px;letter-spacing:-1.25px;font-weight:570;line-height:1.25;margin:0 0 12px;text-wrap:balance}.intro{margin:0;color:var(--mix-muted);font-size:14px;line-height:1.65}.entry-field{margin:0 0 21px}label{display:block;margin:0 0 9px;font-size:13px;font-weight:600;line-height:1.5}input,textarea{display:block;min-width:0;width:100%;min-height:52px;padding:13px 14px;border:1px solid var(--mix-line);border-radius:9px;background:#f5f6f9;color:var(--mix-text);font-size:16px;line-height:1.5;transition:border-color .12s,box-shadow .12s}:root[data-theme=dark] input,:root[data-theme=dark] textarea{background:#080b11;border-color:#ffffff25}input:focus,textarea:focus{border-color:var(--mix-accent);outline:2px solid var(--mix-accent);outline-offset:2px}input::placeholder{color:var(--mix-muted);opacity:1}.password-field{position:relative}.password-field input{padding-right:83px}.password-field button{position:absolute;inset:4px 4px 4px auto;min-width:68px;min-height:44px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--mix-muted);font-size:12px;font-weight:550}.password-field button:hover{background:var(--mix-raised);color:var(--mix-text)}.password-field button:focus-visible{outline-offset:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:14px 17px;border:1px solid #335ce8;border-radius:9px;background:#335ce8;color:#fff;font-size:14px;font-weight:600;line-height:1.5;transition:background-color .12s,border-color .12s}.primary:hover{background:#294fd3;border-color:#294fd3}.primary:active{background:#2143b9}.primary svg{width:19px;height:19px}.primary[aria-busy=true]{cursor:progress}.primary[aria-busy=true] svg{opacity:.35}.secondary{justify-content:center;border-color:var(--mix-line);background:transparent;color:var(--mix-text);font-weight:550}.secondary:hover{background:var(--mix-raised)}.full{width:100%}#loginSubmit{margin-top:4px}.form-error{margin:0 0 20px;color:#a73232;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.form-error:empty{display:none}input[aria-invalid=true]{border-color:#a73232}:root[data-theme=dark] .form-error{color:#ffaaa3}:root[data-theme=dark] input[aria-invalid=true]{border-color:#ffaaa3}.session-state{display:flex;align-items:center;justify-content:center;margin:0;color:var(--mix-muted);font-size:14px;line-height:1.7;min-height:230px}.mfa-view{width:100%}.mfa-card h1{font-size:28px;letter-spacing:-1px;text-align:center}.mfa-card p:not(.form-error){color:var(--mix-muted);font-size:14px;line-height:1.75;margin:0 0 25px}.mfa-card>p:first-of-type{text-align:center}.mfa-card p:empty{display:none}.mfa-card label{margin-top:23px}.mfa-card .primary{margin-top:21px;justify-content:center}.mfa-card .secondary{margin-top:14px}.mfa-card .form-error{margin:20px 0 0}.mfa-card .form-error:empty{display:none}.mfa-qr{display:block;width:210px;height:210px;max-width:100%;background:#fff;padding:10px;margin:24px auto;border-radius:8px}.mfa-card input[readonly],.mfa-card textarea[readonly]{font-family:ui-monospace,Consolas,monospace;font-size:14px;letter-spacing:.2px}.mfa-card .help{font-size:12px!important;margin-top:12px!important}.mfa-card textarea{resize:vertical;min-height:180px}#mfaRecovery p{margin-bottom:20px}
@media(max-width:600px){body{padding:56px 22px}.entry-shell{max-width:390px}.entry-header{margin-bottom:24px}.entry-header .mix-logo{width:44px;height:44px}.entry-header .mix-brand-name{font-size:31px}.entry-content{padding:30px 27px;border-radius:17px}h1{font-size:29px}.entry-heading{margin-bottom:28px}.mfa-card h1{font-size:27px}.entry-tools{right:16px;top:max(14px,env(safe-area-inset-top))}}
@media(max-width:360px){body{padding:28px 18px}.entry-content{padding:26px 22px;border-radius:15px}.entry-header{margin-bottom:20px}.entry-header .mix-logo{width:40px;height:40px}.entry-header .mix-brand{min-height:44px}.entry-heading{margin-bottom:25px}h1{font-size:27px}.mfa-card h1{font-size:25px}.mfa-card p:not(.form-error){font-size:13px}.entry-field{margin-bottom:18px}}
@media(max-height:600px) and (min-width:601px){body{padding-top:28px;padding-bottom:28px}.entry-header{margin-bottom:18px}.entry-content{padding-top:26px;padding-bottom:26px}.entry-heading{margin-bottom:24px}h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Keep the entire login group above the animated canvas. */
.entry-shell{z-index:1}.entry-header{position:relative;z-index:1}