:root{--navy:#132638;--teal:#167f73;--muted:#74838e;--ink:#1c2e3e;--line:#e0e8ec}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f9fa}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{text-decoration:none;color:inherit}[hidden]{display:none!important}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #79baad;outline-offset:3px}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.brand-story{background:radial-gradient(ellipse at 90% 70%,#22504e65,transparent 65%),linear-gradient(140deg,#162b3e,#112332);padding:45px 9% 28px;color:white;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand-story:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #8ebda211;border-radius:50%;right:-300px;top:30%;box-shadow:0 0 0 70px #8ebda206,0 0 0 140px #8ebda204;pointer-events:none}.login-brand{display:flex;gap:13px;align-items:center;font-size:21px;font-weight:600;line-height:1.1;width:fit-content;z-index:1}.ps-mark{display:flex;align-items:center;justify-content:center;background:#b8dccb;color:#17382f;width:46px;height:46px;border-radius:11px;font-size:22px;font-weight:750;letter-spacing:-2px}.ps-mark>span{font-size:13px;align-self:flex-start;padding-top:7px;padding-right:2px}.suite-word{display:block;font-weight:400;font-size:13px;letter-spacing:2px;color:#a7bdbf;margin-top:5px}.story-content{max-width:480px;margin:auto 0;padding:62px 0 45px;position:relative;z-index:1}.overline{font-size:9px;letter-spacing:2px;color:#92c9b7;margin-bottom:24px}h1{font-size:clamp(38px,4vw,59px);font-weight:500;letter-spacing:-2.2px;line-height:1.13;margin:0 0 22px}h1>span{color:#a9d5bc}.brand-description{font-size:13px;color:#9fb2bf;max-width:320px;line-height:1.9}.suite-visual{margin:35px 0;padding:18px 21px;background:#ffffff05;border:1px solid #6c9d8e30;border-radius:10px;max-width:380px}.visual-top{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.5px;color:#96abae}.visual-top>span:last-child{margin-left:auto;font-size:16px;color:#aac8ba}.visual-dot,.security-dot{width:6px;height:6px;border-radius:50%;background:#90bea4;display:inline-block}.visual-flow{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:25px 0 22px}.visual-flow>span{border:1px solid #7c9c8e35;border-radius:5px;padding:8px 17px;background:#43635b12;color:#d5e1d9}.visual-flow>i{font-style:normal;color:#57756d}.visual-bars{display:flex;gap:6px;align-items:flex-end;height:48px;margin-bottom:17px}.visual-bars i{display:block;flex:1;background:#80b69a45;border-radius:2px 2px 0 0;height:30%}.visual-bars i:nth-child(2n){height:48%}.visual-bars i:nth-child(3n){height:70%}.visual-bars i:nth-child(4n){height:57%}.visual-bars i:nth-last-child(-n+3){height:88%;background:#a4cdbb80}.visual-bars i:last-child{height:100%;background:#a9d4bf}.visual-foot{display:flex;justify-content:space-between;color:#7e9c96;font-size:8px;border-top:1px solid #6a94852b;padding-top:12px}.visual-foot>span:last-child{color:#a4cfb7}blockquote{margin:0;color:#c5d1d7;max-width:370px;font-size:14px;line-height:1.8;font-weight:400}cite{display:block;font-style:normal;font-size:7px;letter-spacing:1.4px;color:#78919e;margin-top:16px}.brand-story footer{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.3px;color:#69818e;border-top:1px solid #34495780;padding-top:20px;gap:20px}.brand-story footer span{font-size:8px;letter-spacing:0}.login-side{display:flex;flex-direction:column;align-items:center;padding:46px 9% 25px}.security-label{align-self:flex-end;font-size:8px;letter-spacing:1.2px;color:#82949b;display:flex;align-items:center;gap:7px}.login-card{max-width:390px;width:100%;margin:auto 0;padding:65px 0 55px}.step-label{font-size:9px;font-weight:600;letter-spacing:1.7px;color:var(--teal);margin-bottom:16px}h2{font-size:34px;letter-spacing:-1.2px;font-weight:600;margin:0 0 13px}h2>span{color:var(--teal)}#login-description{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:30px;max-width:340px}label{font-size:11px;font-weight:550;display:block;margin:19px 0 9px}input{display:block;width:100%;padding:13px 14px;border-radius:6px;border:1px solid #dbe3e7;background:white;color:#20323e;font-size:12px;min-width:0}input::placeholder{color:#a1adb5}.field-help{font-size:10px;color:#8b98a2;line-height:1.7;margin:8px 0 0}.login-primary{width:100%;display:flex;justify-content:space-between;align-items:center;color:white;background:var(--teal);border:0;padding:14px 17px;border-radius:6px;font-size:11px;font-weight:550;margin-top:25px;box-shadow:0 3px 6px #16554b12}.login-primary:hover{background:#116b61}.login-primary>span{font-size:17px}.login-divider{display:flex;align-items:center;gap:10px;font-size:7px;color:#a4afb6;letter-spacing:1px;margin:27px 0 15px;white-space:nowrap}.login-divider span{height:1px;flex:1;background:#e6ebee}.verification-note{display:flex;gap:8px;align-items:center;font-size:9px;color:#90a0aa;line-height:1.6}.verification-note>span{color:#8fb4a6;font-size:15px}.account-help{font-size:9px;color:#8e9ca6;line-height:1.9;text-align:center;margin:35px 0 0}.login-bottom{display:flex;justify-content:space-between;width:100%;font-size:8px;color:#9aa7af;gap:20px;line-height:1.8}.login-bottom>span:last-child{text-align:right}.login-error{font-size:11px;line-height:1.7;padding:12px;background:#fff0ec;color:#b45143;border:1px solid #f0d8d1;border-radius:6px;margin-bottom:17px}.code-input{font-size:25px;text-align:center;letter-spacing:9px;padding:14px;font-variant-numeric:tabular-nums}.verification-actions{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.verification-actions button{border:0;background:none;font-size:10px;color:var(--teal);padding:5px 0}.qr-panel{padding:16px;border:1px solid #dfe9e5;border-radius:9px;background:#f0f6f3;display:flex;gap:15px;align-items:center}.qr-panel img{width:125px;height:125px;background:white;border:5px solid white;flex:none}.qr-panel strong{font-size:11px}.qr-panel p{font-size:10px;line-height:1.7;color:var(--muted)}.qr-panel summary{font-size:9px;cursor:pointer;color:var(--teal)}.qr-panel code{display:block;font-size:9px;overflow-wrap:anywhere;max-width:165px;margin-top:10px;letter-spacing:.3px}.recovery-intro{font-size:12px;line-height:1.8;color:var(--muted)}#recovery-codes{padding:18px;border:1px solid #dce8e1;background:white;border-radius:7px;font-size:12px;line-height:1.9;text-align:center;letter-spacing:1px}.login-secondary{background:#eef5f1;border:1px solid #d5e5db;width:100%;padding:12px;border-radius:6px;color:var(--teal);font-size:11px}#new-password-fields input{font-size:11px}#new-password-fields label{margin-top:14px}@media(max-width:1050px){.brand-story{padding-left:8%;padding-right:8%}.login-side{padding-left:10%;padding-right:10%}h1{font-size:43px}.visual-flow>span{padding:8px 12px}.brand-story footer span{display:none}.login-bottom>span:last-child{max-width:170px}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.brand-story{padding:25px 25px 28px}.login-brand{font-size:18px}.ps-mark{width:37px;height:37px;font-size:20px}.story-content{padding:28px 0 0;max-width:100%}.overline{font-size:8px;margin-bottom:13px}h1{font-size:34px;letter-spacing:-1px}h1 br{display:none}.brand-description{max-width:100%;font-size:11px;margin-bottom:0}.suite-visual,blockquote,.brand-story footer{display:none}.login-side{padding:25px;min-height:650px}.security-label{font-size:7px}.login-card{padding:35px 0 45px;max-width:420px}h2{font-size:30px}.login-bottom{max-width:420px}.qr-panel{padding:12px}.qr-panel img{width:110px;height:110px}.login-primary{padding:14px}.account-help{margin-top:25px}}

.password-field{position:relative}.password-field input{padding-right:64px}.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#167f73;font-size:10px;font-weight:600;padding:8px;min-width:43px}.password-toggle:focus-visible{outline-offset:0}.ps-mark{font-size:21px;letter-spacing:-1px}

/* Shared Quality Studio identity and larger, accessible form typography. */
body{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}.login-brand{font-size:25px;gap:13px}.suite-word{font-size:11px;letter-spacing:1.3px}.ps-mark{width:44px;height:44px;letter-spacing:-1px;font-size:22px;border-radius:10px}.overline,.security-label,.step-label{font-size:11px;letter-spacing:1.3px}h1{font-size:52px;line-height:1.15;letter-spacing:-1.5px}.brand-description{font-size:17px;line-height:1.7;max-width:430px}.visual-top,.visual-foot{font-size:11px}.visual-flow{font-size:15px}blockquote{font-size:17px;line-height:1.7}blockquote cite{font-size:10px}.brand-story footer{font-size:12px}h2{font-size:38px;line-height:1.2}#login-description{font-size:15px;line-height:1.7}label{font-size:14px}input,#new-password-fields input{font-size:16px;min-height:46px}.field-help,.verification-note,.account-help{font-size:13px}.login-primary,.login-secondary{font-size:15px;min-height:46px}.login-divider{font-size:10px}.login-bottom{font-size:11px}.verification-actions button,.password-toggle{font-size:13px}.qr-panel strong{font-size:14px}.qr-panel p,.qr-panel summary{font-size:13px}.login-error{font-size:14px}.recovery-intro,#recovery-codes{font-size:15px}
@media(max-width:1050px){h1{font-size:42px}.brand-description{font-size:16px}.login-side{padding-left:8%;padding-right:8%}}
@media(max-width:760px){.brand-story{padding:24px}.login-brand{font-size:22px}.suite-word{font-size:10px}.overline{font-size:10px}h1{font-size:34px}.brand-description{font-size:15px}.login-side{padding:24px;min-height:0}.security-label{font-size:10px}.login-card{padding:28px 0 36px}h2{font-size:31px}.login-bottom{font-size:11px;flex-wrap:wrap}.login-bottom>span:last-child{text-align:left}.qr-panel{flex-wrap:wrap}}