.arena-auth-page{--panel-enter-duration:950ms;--panel-enter-from:100vw;--panel-overshoot:-48px;--panel-rebound:14px;--form-enter-from:18px;display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:var(--card);overflow:clip;isolation:isolate}.arena-auth-panel{position:relative;z-index:2;padding:45px 60px;display:flex;flex-direction:column}.arena-auth-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.arena-auth-form>*,.arena-auth-header{animation:arena-auth-form-reveal .24s calc(var(--panel-enter-duration) + var(--login-item-delay, 0s)) cubic-bezier(.22,1,.36,1) both}.arena-auth-form>.eyebrow{--login-item-delay:30ms;color:var(--primary)}.arena-auth-form>h1{--login-item-delay:60ms}.arena-auth-form>.arena-auth-description{--login-item-delay:90ms}.arena-auth-form>.arena-auth-fields{--login-item-delay:120ms}.arena-auth-form{max-width:370px;width:100%;margin:70px auto;flex:1;display:flex;flex-direction:column;justify-content:center}.arena-auth-form h1{font-size:31px;font-weight:600;letter-spacing:-1px;line-height:1.5;margin:12px 0}.arena-auth-description{font-size:12px;line-height:2;margin-bottom:35px;color:var(--muted-foreground)}.arena-auth-fields{display:flex;flex-direction:column;gap:23px}.arena-auth-fields label{font-size:12px;font-weight:400;color:var(--muted-foreground)}.arena-auth-fields .input{border-radius:7px}.arena-auth-fields>button{margin-top:7px;border-radius:7px}.arena-auth-art{position:relative;z-index:3;padding:clamp(56px,8vh,96px) clamp(68px,7vw,116px) 56px 48px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:100dvh;color:#edf5f4;animation:arena-auth-panel-arrive var(--panel-enter-duration) both}.arena-auth-backdrop{position:absolute;inset-block:0;left:0;right:calc(clamp(25px, 3.5vw, 72px) - 4.8vh);overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 75% 12%,#30afb420,transparent 58%),linear-gradient(155deg,#193a3b,#142e30 55%,#102325);clip-path:polygon(0 0,calc(100% - 9.6vh) 0,100% 100%,0 100%)}.arena-auth-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 62% 50%,#142e3070,transparent 65%)}.arena-auth-contours{position:absolute;width:100%;height:100%;inset:0;color:#8dd9db;opacity:.1;mask-image:linear-gradient(160deg,transparent 5%,#000 75%)}@keyframes arena-auth-panel-arrive{0%{transform:translateX(var(--panel-enter-from));animation-timing-function:cubic-bezier(.45,0,.2,1)}65%{transform:translateX(var(--panel-overshoot));animation-timing-function:cubic-bezier(.4,0,.6,1)}84%{transform:translateX(var(--panel-rebound));animation-timing-function:cubic-bezier(.4,0,.6,1)}to{transform:translateX(0)}}@keyframes arena-auth-form-reveal{0%{opacity:0;visibility:hidden;transform:translateX(var(--form-enter-from))}to{opacity:1;visibility:visible;transform:translateX(0)}}@keyframes arena-auth-content-reveal{0%{opacity:0;visibility:hidden;transform:translateY(8px)}to{opacity:1;visibility:visible;transform:translateY(0)}}.arena-auth-content{position:relative;z-index:1;width:100%;max-width:500px;margin-inline:auto;text-align:start;animation:arena-auth-content-reveal .26s var(--panel-enter-duration) ease-out both}.arena-auth-workflow-intro h2{margin-top:22px;font-size:clamp(32px,3.2vw,46px);line-height:1.5;font-weight:500;letter-spacing:-.8px}.arena-auth-workflow-intro h2 em{color:#9ae2e4;font-style:normal}.arena-auth-workflow-summary{margin-top:18px;color:#b8cccb;font-size:13px;line-height:2}.arena-auth-workflow{list-style:none;margin:36px 0 0;padding:0}.arena-auth-workflow-step{position:relative;border-bottom:1px solid #82ced126}.arena-auth-workflow-step:first-child{border-top:1px solid #82ced126}.arena-auth-step-trigger{display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:16px;width:100%;min-height:90px;padding:18px 0;border:0;background:transparent;color:#e0ebea;text-align:start;transition:color .16s ease}.arena-auth-step-trigger:hover,.arena-auth-step-trigger[aria-expanded=true]{color:#a9e4e6}.arena-auth-step-trigger:focus-visible{outline:2px solid #a9e4e6;outline-offset:5px;border-radius:3px}.arena-auth-step-number{direction:ltr;font-size:11px;font-weight:400;letter-spacing:1px;color:#a6bdbc}.arena-auth-workflow-step[data-active=true] .arena-auth-step-number{color:#a9e4e6}.arena-auth-step-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500}.arena-auth-step-subtitle{display:block;margin-top:5px;color:#b0c6c5;font-size:12px;font-weight:400}.arena-auth-step-chevron{color:#b0c6c5;transition:transform .18s ease}.arena-auth-step-trigger[aria-expanded=true] .arena-auth-step-chevron{transform:rotate(180deg)}.arena-auth-step-panel{padding:0 44px 22px 32px}.arena-auth-step-panel>p{color:#cbdcda;font-size:13px;line-height:2}.arena-auth-step-details{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:14px 0 0;padding:0;color:#9ad7d9;font-size:11px;line-height:1.8}html[dir=ltr] .arena-auth-page{--panel-enter-from:-100vw;--panel-overshoot:48px;--panel-rebound:-14px;--form-enter-from:-18px}html[dir=ltr] .arena-auth-art{padding-left:clamp(68px,7vw,116px);padding-right:48px}html[dir=ltr] .arena-auth-backdrop{right:0;left:calc(clamp(25px, 3.5vw, 72px) - 4.8vh);clip-path:polygon(9.6vh 0,100% 0,100% 100%,0 100%)}.dark .arena-auth-page{background:var(--background)}@media(max-width:1250px){.arena-auth-panel{padding:35px}.arena-auth-art{padding:48px 64px 40px 32px}html[dir=ltr] .arena-auth-art{padding:48px 32px 40px 64px}}@media(max-width:767px){.arena-auth-page{display:block}.arena-auth-art{display:none}.arena-auth-panel{min-height:100dvh;padding:35px 25px}.arena-auth-form>*,.arena-auth-header{animation:none}.arena-auth-form{margin:65px auto}.arena-auth-form h1{font-size:29px}}@media(prefers-reduced-motion:reduce){.arena-auth-art,.arena-auth-content,.arena-auth-form>*,.arena-auth-header{animation:none}}