body.auth{background-color:var(--bg);background-image:radial-gradient(70% 50% at 10% 0,#d1ff3324,#d1ff3300 70%),linear-gradient(160deg,#16200a 0%,#0e1013 45%,#000 100%);background-repeat:no-repeat;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:hidden}.auth__brand,.auth__main{z-index:1;position:relative}.auth__brand{font-family:var(--font-display);align-items:center;gap:12px;width:fit-content;padding:26px 28px;font-size:15px;font-weight:700;display:inline-flex}.auth__mark{background:var(--lime);width:38px;height:38px;color:var(--dark);letter-spacing:-.03em;border-radius:10px;place-items:center;font-weight:900;display:grid}.auth__main{flex:1;grid-template-columns:minmax(0,540px);place-content:center;justify-items:center;gap:18px;width:100%;padding:20px 20px 60px;display:grid}.auth__card{backdrop-filter:blur(18px)saturate(140%);background:#101215d1;width:100%;padding:clamp(28px,4vw,44px);box-shadow:0 40px 90px -50px #000000e6}.auth__sub{margin-top:12px;margin-bottom:28px;font-size:15px}.auth__card>.a-h1+:not(.auth__sub){margin-top:26px}.auth__forgot{width:fit-content;color:var(--muted);transition:color .2s var(--ease-out);margin:-6px 0 14px auto;font-size:13px;display:block}.auth__forgot:hover{color:var(--lime)}.auth__foot a{color:var(--faint);font-size:13px}.auth__foot a:hover{color:var(--lime)}.auth__alt{color:var(--muted);text-align:center;border-top:1px solid #ffffff14;margin-top:22px;padding-top:18px;font-size:14px}.auth__alt a{color:var(--lime);font-weight:600}.pw{position:relative}.pw .a-input{padding-right:52px}.pw__toggle{width:38px;height:38px;color:var(--muted);transition:color .2s var(--ease-out), background .2s var(--ease-out);border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw__toggle:hover{color:var(--lime);background:#d1ff3314}.pw__toggle:focus-visible{outline:2px solid var(--lime);outline-offset:1px}.pw__toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px;transition:opacity .2s var(--ease-out), transform .3s var(--ease-out);position:absolute}.pw__toggle .pw__off{opacity:0;transform:scale(.7)rotate(-20deg)}.pw__toggle[aria-pressed=true] .pw__on{opacity:0;transform:scale(.7)rotate(20deg)}.pw__toggle[aria-pressed=true] .pw__off{opacity:1;transform:none}.cbx{cursor:pointer;color:#c9ced3;user-select:none;align-items:flex-start;gap:12px;font-size:14px;line-height:1.45;display:flex}.cbx input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cbx__box{width:22px;height:22px;transition:background .25s var(--ease-out), border-color .25s var(--ease-out), box-shadow .3s var(--ease-out), transform .35s cubic-bezier(.34, 1.56, .64, 1);background:#ffffff0a;border:1.5px solid #ffffff47;border-radius:7px;flex:none;margin-top:-1px;position:relative}.cbx__box svg{fill:none;width:calc(100% - 6px);height:calc(100% - 6px);stroke:var(--dark);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22px;transition:stroke-dashoffset .35s var(--ease-out) 50ms;position:absolute;inset:3px}.cbx:hover .cbx__box{border-color:#d1ff3399}.cbx input:checked+.cbx__box{background:var(--lime);border-color:var(--lime);transform:scale(1.08);box-shadow:0 0 0 4px #d1ff3324,0 0 18px #d1ff3373}.cbx input:checked+.cbx__box svg{stroke-dashoffset:0}.cbx:active .cbx__box{transform:scale(.9)}.cbx input:focus-visible+.cbx__box{outline:2px solid var(--lime);outline-offset:3px}.auth__brand{animation:.8s ease-out .1s backwards a-fade}.auth__card{animation:a-materialize .7s var(--a-ease) 50ms backwards}.auth__card>*,.auth__card>form>:not(.a-alert){animation:a-rise .55s var(--a-ease) backwards}.auth__card>:first-child{animation-delay:.18s}.auth__card>:nth-child(2){animation-delay:.24s}.auth__card>:nth-child(3),.auth__card>form>:first-child{animation-delay:.3s}.auth__card>form>:nth-child(2){animation-delay:.36s}.auth__card>form>:nth-child(3){animation-delay:.42s}.auth__card>form>:nth-child(4){animation-delay:.48s}.auth__card>form>:nth-child(5){animation-delay:.54s}.auth__card>form>:nth-child(n+6){animation-delay:.6s}.auth__card>form{animation:none}.auth__foot{animation:.6s ease-out .7s backwards a-fade}@media (prefers-reduced-motion:reduce){.cbx__box,.cbx__box svg,.pw__toggle svg{transition:none}.auth__brand,.auth__card,.auth__card>*,.auth__card>form>*,.auth__foot{animation:none!important}}