@font-face{font-family:MobLoginBDO;src:url('/fonts/BDOGrotesk-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
.mob-auth{box-sizing:border-box;isolation:isolate;background:#000;color:#f5f5f5;min-height:100svh;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:4.3svh 2.5vw;column-gap:.8vw;font-family:MobLoginBDO,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-align:left;line-height:1.4}.mob-auth *{box-sizing:border-box}.mob-auth .ma-access{grid-column:2;min-width:0;display:flex;flex-direction:column}.mob-auth .ma-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.mob-auth .ma-logo{display:block;width:auto;height:12px;max-width:none;filter:none}.mob-auth button{font:inherit;background:none;border:0;color:inherit;cursor:pointer;padding:0;touch-action:manipulation;border-radius:0;box-shadow:none}.mob-auth button:focus-visible{outline:1px solid #fff;outline-offset:5px}.mob-auth button:disabled{cursor:default}.mob-auth .ma-mobster{font-size:12px;min-height:44px;white-space:nowrap}.mob-auth .ma-content{margin:auto 0;padding:clamp(28px,5svh,72px) 0 clamp(36px,7svh,100px)}.mob-auth form{margin:0}.mob-auth .ma-row{position:relative;border-bottom:1px solid #6c6c70}.mob-auth .ma-row+.ma-row{margin-top:clamp(20px,2.1vw,42px)}.mob-auth .ma-row:focus-within{border-color:white}.mob-auth .ma-row.ma-invalid{border-color:#ff929c}.mob-auth input{display:block;font:inherit;font-size:clamp(28px,3.9vw,80px);letter-spacing:-.045em;font-weight:400;line-height:1.2;color:#f5f5f5;background:transparent;border:0;border-radius:0;box-shadow:none;outline:0;width:100%;height:clamp(60px,6.15vw,120px);min-width:0;padding:8px 0 12px;scroll-margin:100px 0}.mob-auth input::placeholder{color:#f5f5f5;opacity:1}.mob-auth input:read-only{color:#aaa}.mob-auth input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #000 inset;-webkit-text-fill-color:#f5f5f5;caret-color:#fff}.mob-auth #ma-password{padding-right:calc(clamp(64px,5.5vw,104px) + 52px)}.mob-auth .ma-label{position:absolute;top:-14px;left:0;opacity:0;font-size:11px;color:#b8b8be;transition:opacity .15s}.mob-auth .ma-label.ma-filled,.mob-auth .ma-row:has(input:not(:placeholder-shown)) .ma-label{opacity:1}.mob-auth .ma-arrow{position:absolute;right:1px;top:50%;transform:translateY(-50%);width:clamp(48px,4.5vw,88px);height:clamp(48px,4.5vw,88px);display:grid;place-items:center;animation:ma-enter 220ms cubic-bezier(.2,.7,.2,1) both}.mob-auth .ma-arrow svg{width:clamp(38px,3.9vw,76px);height:clamp(38px,3.9vw,76px);transition:transform .15s}.mob-auth .ma-arrow:hover svg{transform:translateX(4px)}.mob-auth [hidden]{display:none!important}.mob-auth .ma-reveal{position:absolute;top:50%;right:clamp(64px,5.5vw,104px);transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;color:#aaa}.mob-auth .ma-reveal svg{width:20px;height:20px}.mob-auth .ma-loading svg{display:none}.mob-auth .ma-loading:after{content:'';width:24px;height:24px;border:1.5px solid #4b4b50;border-top-color:white;border-radius:50%;animation:ma-spin .8s linear infinite}.mob-auth .ma-link{font-size:12px;color:#a8a8ae;min-height:44px;display:block;text-align:left}.mob-auth .ma-link:hover,.mob-auth .ma-mobster:hover{text-decoration:underline;color:white}.mob-auth .ma-forgot{margin-top:12px}.mob-auth .ma-feedback{min-height:64px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.mob-auth .ma-feedback p{margin:4px 0 0}.mob-auth .ma-feedback p:empty{display:none}.mob-auth .ma-error{color:#ff929c}.mob-auth .ma-status{color:#b8b8be}.mob-auth .ma-title{font:inherit;font-size:clamp(25px,3vw,40px);line-height:1.2;letter-spacing:-.04em;margin:18px 0 14px}.mob-auth .ma-help{font-size:13px;color:#aaa;margin:0 0 30px}.mob-auth .ma-emergency{font-size:11px}.mob-auth .ma-row:has(#ma-email):last-child input{padding-right:104px}
@keyframes ma-enter{from{opacity:0;transform:translate(-7px,-50%)}to{opacity:1;transform:translate(0,-50%)}}@keyframes ma-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.mob-auth{display:flex;justify-content:center;min-height:var(--ma-viewport,100svh);padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.mob-auth .ma-access{width:100%;max-width:480px}.mob-auth .ma-content{margin:0;padding:clamp(32px,calc(var(--ma-viewport,100svh)*.18),150px) 0 32px}.mob-auth input{height:64px;font-size:32px}.mob-auth .ma-row+.ma-row{margin-top:36px}.mob-auth .ma-arrow{width:48px;height:48px}.mob-auth .ma-arrow svg{width:34px;height:34px}.mob-auth .ma-reveal{right:52px}.mob-auth #ma-password{padding-right:100px}.mob-auth .ma-label{font-size:12px}.mob-auth .ma-forgot{margin-top:22px}.mob-auth .ma-feedback{min-height:76px}}
@media(max-height:560px){.mob-auth{padding:16px 24px}.mob-auth .ma-content{padding:24px 0}.mob-auth input{font-size:28px;height:54px}.mob-auth .ma-row+.ma-row{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.mob-auth *,.mob-auth *:before,.mob-auth *:after{animation:none!important;transition:none!important}.mob-auth .ma-loading:after{border-style:dotted}}

.mob-auth .ma-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
