:root{--ink:#171717;--muted:#74746f;--line:#deded8;--paper:#f5f5f2;--white:#fff;--soft:#ecece7}*{box-sizing:border-box}html{font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--paper)}body{min-height:100vh;margin:0;background:linear-gradient(135deg,#f8f8f5 0%,#ededE8 100%)}button,input,select{font:inherit}.auth-header{position:relative;z-index:5;display:flex;height:88px;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,64px)}.auth-brand img{display:block;width:146px;height:auto}.header-login{min-width:104px;height:46px;border:1px solid #cfcfca;border-radius:999px;background:#fff;font-size:14px;font-weight:750;cursor:pointer}.auth-main{display:grid;width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 128px);grid-template-columns:minmax(330px,.85fr) minmax(520px,1.15fr);margin:0 auto 40px;overflow:hidden;border:1px solid #d5d5cf;border-radius:30px;background:#fff;box-shadow:0 24px 80px rgba(24,24,22,.1)}.auth-aside{display:flex;min-height:720px;flex-direction:column;padding:clamp(38px,5vw,68px);background:#171717;color:#fff}.aside-label,.auth-eyebrow{font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.aside-label{color:#a9a9a4}.auth-aside h1{max-width:500px;margin:22px 0 18px;font-size:clamp(36px,4vw,56px);line-height:1.03;letter-spacing:-.055em}.auth-aside>p{max-width:480px;margin:0;color:#c3c3bd;font-size:17px;line-height:1.65}.aside-steps{display:grid;gap:0;margin:52px 0}.aside-steps article{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:14px;padding:17px 0;border-top:1px solid #343431}.aside-steps article:last-child{border-bottom:1px solid #343431}.aside-steps article>b{display:grid;width:36px;height:36px;place-items:center;border:1px solid #454541;border-radius:50%;color:#aaa;font-size:11px}.aside-steps strong,.aside-steps small{display:block}.aside-steps strong{font-size:15px}.aside-steps small{margin-top:4px;color:#92928d;font-size:12px}.aside-note{display:flex;align-items:center;gap:12px;margin-top:auto;padding:17px;border:1px solid #3c3c38;border-radius:17px;background:#21211f}.aside-note i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#fff;color:#111;font-size:13px;font-style:normal;font-weight:800}.aside-note b,.aside-note small{display:block}.aside-note b{font-size:14px}.aside-note small{margin-top:3px;color:#a9a9a4;font-size:12px}.auth-card{display:flex;min-height:720px;align-items:center;justify-content:center;padding:clamp(34px,5vw,72px);background:#fff}.auth-card>section{width:min(100%,540px)}.auth-progress{position:absolute;top:112px;right:max(calc((100vw - 1180px)/2 + 58px),58px);display:flex;width:min(430px,36vw);align-items:center;justify-content:space-between}.auth-progress>span{display:flex;gap:7px}.auth-progress i{display:block;width:32px;height:4px;border-radius:99px;background:#deded8}.auth-progress i.active{background:#111}.auth-progress b{color:#777;font-size:11px}.auth-screen[hidden]{display:none!important}.auth-screen{animation:screenIn .24s ease both}@keyframes screenIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.auth-eyebrow{display:block;color:#777}.auth-screen h2{margin:10px 0 10px;font-size:clamp(32px,4vw,46px);line-height:1.08;letter-spacing:-.05em}.auth-screen>p{max-width:500px;margin:0 0 28px;color:#666;font-size:16px;line-height:1.6}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:24px;padding:5px;border:1px solid var(--line);border-radius:16px;background:#f5f5f2}.auth-tabs button{height:48px;border:0;border-radius:11px;background:transparent;font-size:15px;font-weight:750;cursor:pointer}.auth-tabs button.active{background:#111;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.13)}.auth-form{display:grid;gap:17px}.auth-form[hidden]{display:none!important}.auth-form>label{position:relative;display:block;color:#555;font-size:14px;font-weight:700}.auth-form>label>span,.auth-form label small{display:block}.auth-form input,.auth-form select{width:100%;height:60px;margin-top:8px;padding:0 17px;border:1px solid #d2d2cc;border-radius:14px;background:#fff;color:#111;font-size:17px;outline:0;transition:.16s ease}.auth-form input:focus,.auth-form select:focus{border-color:#111;box-shadow:0 0 0 4px rgba(0,0,0,.06)}.auth-form label small{margin-top:6px;color:#888;font-size:11px;font-weight:500}.password-field{position:relative}.password-field input{padding-right:104px}.password-field button{position:absolute;right:9px;top:17px;height:42px;padding:0 12px;border:0;border-radius:10px;background:#f0f0ec;color:#444;font-size:12px;font-weight:750;cursor:pointer}.consent-row{display:grid!important;grid-template-columns:22px 1fr;align-items:start;gap:11px;color:#666!important;font-size:12px!important;font-weight:500!important;line-height:1.55}.consent-row input{position:absolute;opacity:0;pointer-events:none}.consent-row i{display:grid;width:22px;height:22px;place-items:center;border:1px solid #111;border-radius:50%;background:#111;color:#fff;font-size:10px;font-style:normal}.consent-row input:not(:checked)+i{background:#fff;color:transparent}.consent-row a{color:#111;text-underline-offset:3px}.auth-primary{display:flex;width:100%;height:60px;align-items:center;justify-content:space-between;margin-top:4px;padding:0 20px;border:0;border-radius:999px;background:#111;color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:.18s ease}.auth-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.18)}.auth-primary:disabled{background:#c7c7c2;box-shadow:none;cursor:not-allowed;transform:none}.auth-primary span{font-size:22px}.login-options{display:flex;align-items:center;justify-content:space-between;color:#666;font-size:12px}.login-options label{display:flex;align-items:center;gap:7px}.login-options input{width:16px;height:16px;margin:0;accent-color:#111}.login-options button{border:0;background:transparent;font-size:12px;font-weight:700;text-decoration:underline;cursor:pointer}.form-error{margin:-3px 0 0!important;color:#a74736!important;font-size:12px!important;font-weight:700}.screen-back{margin:0 0 26px;padding:0;border:0;background:transparent;color:#555;font-size:13px;font-weight:700;cursor:pointer}.auth-screen>p b{color:#111}.otp-wrap{position:relative;margin:10px 0 14px}.otp-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.otp-slots span{display:grid;aspect-ratio:1/1.08;place-items:center;border:1px solid #cdcdc7;border-radius:16px;background:#fff;font-size:30px;font-weight:800;transition:.15s ease}.otp-slots span.filled{border-color:#111;background:#f6f6f2}.otp-slots span.focus{box-shadow:0 0 0 4px rgba(0,0,0,.06)}.otp-native{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:.01;caret-color:transparent}.otp-hint{margin:0 0 18px!important;padding:13px 14px;border-radius:12px;background:#f3f3ef;color:#666!important;font-size:12px!important;line-height:1.5!important}.verify-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.verify-actions button{padding:4px 0;border:0;background:transparent;color:#555;font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.demo-caption{display:block;margin-top:20px;color:#999;font-size:10px;text-align:center}.profile-form{grid-template-columns:1fr 1fr}.profile-form>label:nth-child(1),.profile-form>label:nth-child(3),.profile-form .owner-type,.profile-form .auth-primary{grid-column:1/-1}.locked-input{padding-right:52px!important;background:#f5f5f2!important}.field-check{position:absolute;right:17px;bottom:18px;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#111;color:#fff;font-size:10px;font-style:normal}.owner-type{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 0;padding:0;border:0}.owner-type legend{grid-column:1/-1;margin-bottom:8px;color:#555;font-size:14px;font-weight:700}.owner-type button{height:54px;border:1px solid #d4d4ce;border-radius:13px;background:#fff;font-size:13px;font-weight:750;cursor:pointer}.owner-type button.active{border-color:#111;box-shadow:inset 0 0 0 1px #111}.auth-success{text-align:center}.success-icon{display:grid;width:72px;height:72px;margin:0 auto 22px;place-items:center;border-radius:50%;background:#111;color:#fff;font-size:28px;font-weight:800}.auth-success>p{margin-right:auto;margin-left:auto}.success-account{margin:28px 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fafaf8;text-align:left}.success-account span,.success-account b,.success-account small{display:block}.success-account span{color:#777;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.success-account b{margin-top:7px;font-size:16px}.success-account small{margin-top:3px;color:#666;font-size:13px}
@media(max-width:980px){.auth-header{height:74px}.auth-main{width:min(680px,calc(100% - 28px));min-height:0;grid-template-columns:1fr}.auth-aside{display:none}.auth-card{min-height:calc(100vh - 102px);padding:42px clamp(22px,7vw,62px)}.auth-progress{position:static;width:min(100%,540px);margin:0 auto 28px}.auth-card{flex-direction:column;align-items:center}.auth-card>section{flex:none}}
@media(max-width:620px){.auth-header{padding:0 18px}.auth-brand img{width:126px}.header-login{min-width:88px;height:42px;font-size:13px}.auth-main{width:100%;margin:0;border:0;border-radius:0;box-shadow:none}.auth-card{min-height:calc(100vh - 74px);justify-content:flex-start;padding:32px 20px 46px}.auth-screen h2{font-size:34px}.auth-screen>p{font-size:15px}.auth-form input,.auth-form select{height:58px;font-size:16px}.profile-form{grid-template-columns:1fr}.profile-form>label,.profile-form .owner-type,.profile-form .auth-primary{grid-column:1!important}.otp-slots{gap:6px}.otp-slots span{border-radius:12px;font-size:25px}.verify-actions{align-items:flex-start;flex-direction:column}.auth-primary{height:58px}.owner-type{grid-template-columns:1fr}.auth-tabs button{font-size:14px}}

/* Minimal black-and-white authentication screen */
body{background:#f5f5f2}.auth-header{height:106px;justify-content:center}.auth-brand img{width:164px;filter:grayscale(1) brightness(0)}.header-login{display:none}.auth-main{display:block;width:min(640px,calc(100% - 32px));min-height:0;margin:0 auto 48px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.auth-aside{display:none}.auth-card{display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:flex-start;padding:54px 58px 58px;border:1px solid #d8d8d2;border-radius:28px;background:#fff;box-shadow:0 22px 70px rgba(20,20,18,.08)}.auth-card>section{width:100%}.auth-progress{position:static;width:100%;margin:0 0 32px}.auth-screen h2{font-size:42px}.auth-screen>p{margin-bottom:24px}.auth-eyebrow{font-size:11px}
@media(max-width:620px){.auth-header{height:84px}.auth-brand img{width:142px}.auth-main{width:100%;margin:0}.auth-card{min-height:calc(100vh - 84px);padding:34px 20px 46px;border:0;border-radius:0;box-shadow:none}.auth-screen h2{font-size:34px}}

/* Keep native mobile browsers from applying blue control colors */
.auth-progress{display:none!important}.auth-tabs button,.login-options button,.verify-actions button,.screen-back,.header-login{color:#111;-webkit-appearance:none;appearance:none}.auth-tabs button.active{color:#fff}.consent-row a{color:#111}.auth-form button,.auth-card button{-webkit-tap-highlight-color:transparent}