.login-page{background:#faf9f6}.login-page .header{height:104px}.login-page .header>.text-link{font-size:12px}.login-layout{max-width:1230px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:50px 45px 40px}.login-welcome h1{font-size:41px;letter-spacing:-1.8px;line-height:1.23;margin:20px 0 15px}.login-welcome h1 em{font-style:normal;color:#7c857c;font-weight:400}.login-welcome>p{color:var(--muted);font-size:13px}.account-options{display:grid;gap:11px;margin-top:28px}.account-card{display:flex;align-items:center;gap:16px;text-align:left;background:#fff8;border:1px solid #deded8;border-radius:7px;padding:17px 19px;color:var(--ink);transition:border-color .2s,background .2s}.account-card[aria-pressed=true]{border-color:#d6272d;background:#fff;box-shadow:0 3px 16px #262b2006}.account-card:disabled{cursor:default;opacity:.7}.account-icon{display:grid;place-items:center;width:42px;height:42px;background:#eeefea;border-radius:50%;flex:none}.account-icon svg{width:24px;height:24px}.account-card[aria-pressed=true] .account-icon{background:#fcebea;color:#c3252c}.account-card strong{display:block;font-size:15px;font-weight:600}.account-card small{display:block;font-size:11px;margin-top:3px;color:var(--muted)}.account-check{margin-left:auto;font-size:18px;color:#899086}.account-card[aria-pressed=true] .account-check{color:var(--red)}.login-scene{height:155px;position:relative;overflow:hidden;border-radius:7px;margin-top:25px}.login-scene img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.login-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#14251ac9,transparent 85%)}.login-scene>span{position:absolute;bottom:17px;left:20px;color:white;font-size:12px;z-index:1;display:flex;align-items:center;gap:8px}.login-scene i{width:6px;height:6px;border-radius:50%;background:#ea3c40}.login-form-wrap{padding-top:4px;min-width:0}.login-progress{display:flex;align-items:center;gap:18px;margin:0 0 28px;font-size:10px;color:#8b908a}.login-progress>i{height:1px;background:var(--line);width:40px}.login-progress b{font-size:10px;margin-right:8px;border:1px solid var(--line);border-radius:50%;display:inline-grid;place-items:center;width:25px;height:25px}.login-progress [aria-current=step]{color:var(--ink)}.login-progress [aria-current=step] b{background:var(--ink);color:#fff;border-color:var(--ink)}.login-panel{border:1px solid #e2e3dc;background:#fff;border-radius:9px;padding:34px 36px;box-shadow:0 14px 55px #24312805}.login-panel h2{font-size:29px;margin:17px 0 11px;letter-spacing:-1px}.login-panel .eyebrow{font-size:9px;color:#798177}.login-panel .role-description{font-size:12px;color:var(--muted);padding-bottom:20px;margin-top:17px;border-bottom:1px solid var(--line);line-height:1.7;min-height:63px}.login-panel label{margin:20px 0;font-size:12px}.login-panel input{background:#fbfbf9;padding:13px}.login-panel .button{min-height:48px}.login-panel .prototype-note{line-height:1.7;font-size:10px}.login-panel .auth-switch{font-size:12px;text-align:center;margin-top:23px;color:var(--muted)}.login-panel .auth-switch button{border:0;background:none;color:var(--red);font-weight:600;padding:5px}.login-panel #login-result:empty{display:none}.login-panel #login-result:not(:empty){padding:12px;background:#eef2ed;border-radius:4px}.login-panel #code-form input{letter-spacing:8px;font-size:24px;text-align:center}.login-bottom{text-align:center;color:#858a83;font-size:10px;margin-top:24px}.login-page button:focus-visible{outline-offset:3px}
@media(max-width:1000px){.login-layout{gap:40px;padding:35px 28px}.login-welcome h1{font-size:34px}.login-panel{padding:28px}.account-card{padding:15px}.account-card small{font-size:10px}}
@media(max-width:720px){.login-page .header{min-height:84px;height:84px;flex-wrap:nowrap;padding:0 20px}.login-page .header>.text-link{font-size:10px}.login-layout{grid-template-columns:1fr;gap:28px;padding:28px 20px}.login-welcome h1{font-size:31px;margin:15px 0 10px}.account-options{gap:8px;margin-top:21px}.account-card{padding:12px 15px}.account-icon{width:36px;height:36px}.account-card strong{font-size:14px}.account-card small{font-size:10px}.login-scene{display:none}.login-panel{padding:25px 22px}.login-progress{margin-bottom:18px}.login-bottom{line-height:1.6}.login-panel .role-description{min-height:0}.login-welcome .eyebrow{font-size:9px}}

/* Stronger contrast within the Ekinox red, white, black and anthracite palette. */
.login-page{--ink:#171717;--muted:#454545;--red:#c82028;--line:#c5c5c5;background:#f5f5f5;color:var(--ink)}
.login-welcome h1 em{color:#393939}.login-welcome>p{color:#404040;font-size:14px}
.login-page .header>.text-link{font-weight:700;color:#262626}
.account-card{background:#fff;border-color:#969696}.account-card:hover:not(:disabled){border-color:#252525;background:#f0f0f0}
.account-card strong{font-weight:700}.account-card small{color:#444;font-size:12px}.account-icon{background:#ededed;color:#252525}.account-check{color:#363636;font-weight:700}
.account-card[aria-pressed=true]{background:#272727;border-color:#272727;box-shadow:inset 4px 0 0 var(--red);color:#fff}
.account-card[aria-pressed=true]:hover:not(:disabled){background:#202020}.account-card[aria-pressed=true] small{color:#fff}
.account-card[aria-pressed=true] .account-icon{background:var(--red);color:#fff}.account-card[aria-pressed=true] .account-check{color:#fff}
.account-card:disabled{opacity:1}
.login-progress{color:#484848;font-size:11px;font-weight:600}.login-progress b{border-color:#777;color:#353535}.login-progress>i{background:#888}
.login-panel{border-color:#b5b5b5;box-shadow:0 10px 30px #00000008}.login-panel h2{font-weight:600}.login-panel .eyebrow{color:#454545;font-size:10px}
.login-panel .muted{color:#454545;font-size:13px}.login-panel .role-description{background:#f1f1f1;color:#333;border-color:#c5c5c5;font-size:13px}
.login-panel label{font-size:13px;font-weight:700;color:#202020}.login-panel input{border-color:#858585;background:#fff;color:#171717}.login-panel input::placeholder{color:#575757;opacity:1}
.login-panel .button.primary{background:var(--red);border-color:var(--red);font-size:14px;font-weight:700;box-shadow:0 3px 8px #00000012}.login-panel .button.primary:hover{background:#a71920;border-color:#a71920}
.login-panel .auth-switch{color:#393939;font-size:13px}.login-panel .auth-switch button{border:1px solid var(--red);border-radius:4px;padding:6px 13px;margin-left:5px;font-weight:700;color:#b51c24;background:#fff}.login-panel .auth-switch button:hover{background:var(--red);color:#fff}
.login-panel .prototype-note,.login-bottom{color:#484848;font-size:11px}.login-panel .back{color:#333;font-size:13px;font-weight:600}.login-panel #login-result:not(:empty){background:#f0f0f0;color:#222;border-left:3px solid var(--red)}
.login-scene:after{background:linear-gradient(0deg,#171717db,transparent 85%)}
.login-page button:focus-visible,.login-page a:focus-visible,.login-panel input:focus{outline:3px solid var(--red);outline-offset:3px}
@media(max-width:720px){.account-card small{font-size:11px}.login-page .header>.text-link{font-size:11px}}
.login-panel .signup-link{display:inline-block;border:1px solid var(--red);border-radius:4px;padding:6px 13px;margin-left:5px;font-weight:700;color:#b51c24;background:#fff}.login-panel .signup-link:hover{background:var(--red);color:#fff}