.auth{--ember:var(--mui-palette-primary-main);--on-ember:var(--mui-palette-primary-contrastText);--night:var(--mui-palette-common-black);--ink:var(--mui-palette-text-primary);--ink-2:var(--ink);--ink-3:var(--ink);--line:var(--mui-palette-customColors-inputBorder);--line-soft:var(--mui-palette-divider);--tint-2:var(--mui-palette-customColors-trackBg);--warm:rgb(var(--mui-palette-primary-mainChannel) / .14);--field:var(--mui-palette-background-paper);--surface:var(--mui-palette-background-paper);--focus:var(--ink);--focus-soft:rgb(var(--mui-palette-primary-mainChannel) / .28);--bad:var(--mui-palette-error-main);--ok:var(--ink);--ok-soft:var(--tint-2);--ok-line:var(--line);--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--gap:clamp(12px, 2.2vh, 20px);--pad:clamp(20px, 3.6vh, 36px);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:inherit;font-size:16px;line-height:1.5}.auth *,.auth :before,.auth :after{box-sizing:border-box}.auth h1,.auth p:not(.MuiFormHelperText-root){margin:0}.auth :focus-visible:not(input,textarea){outline:2px solid var(--focus);outline-offset:2px}:is(html:has(.auth-page),body:has(.auth-page)){overflow:hidden}.auth-page{isolation:isolate;background:var(--night);justify-content:center;align-items:center;height:100dvh;padding:12px 16px;display:flex;position:relative;overflow:hidden}.auth-page.tight{align-items:flex-start;overflow-y:auto}.bk{z-index:0;pointer-events:none;background:var(--night);position:absolute;inset:0;overflow:hidden}.bk-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:-64px;-webkit-mask-image:radial-gradient(#000 15%,#0000 72%);mask-image:radial-gradient(#000 15%,#0000 72%)}.bk-orb{border-radius:50%;position:absolute}.bk-orb.o1{background:radial-gradient(circle,#ef7f1acc 0%,#ef7f1a8c 22%,#ef7f1a40 42%,#ef7f1a12 58%,#0000 70%);width:62vmax;height:62vmax;top:-24vmax;left:-20vmax}.bk-orb.o2{background:radial-gradient(circle,#6c635de6 0%,#6c635d9e 22%,#6c635d47 42%,#6c635d14 58%,#0000 70%);width:56vmax;height:56vmax;bottom:-24vmax;right:-18vmax}.bk-orb.o3{background:radial-gradient(circle,#ef7f1a57 0%,#ef7f1a38 22%,#ef7f1a1a 42%,#ef7f1a08 58%,#0000 70%);width:36vmax;height:36vmax;top:30%;left:38%}.bk-frame{border:1.5px solid #ffffff29;border-radius:4px;position:absolute}.bk-frame.f1{width:124px;height:90px;top:13%;left:8%;rotate:-8deg}.bk-frame.f2{width:176px;height:128px;top:40%;right:9%;rotate:7deg}.bk-frame.f3{border-color:#ef7f1a73;width:70px;height:50px;bottom:8%;left:27%;rotate:14deg}.bk-art{color:#ffffff6b;position:absolute}.bk-art.left{width:min(25vw,360px);bottom:7%;left:4%}.bk-art.right{width:min(24vw,340px);top:8%;right:4%}.bk-art.chair{width:min(13.2vw,190px);bottom:7%;right:4%}.bk-art path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.bk-art path.hot{stroke:var(--ember)}.bk-spark{background:var(--ember);opacity:0;border-radius:50%;width:3px;height:3px;position:absolute;bottom:-10px;box-shadow:0 0 8px 2px #ef7f1aa6}.auth-card{z-index:1;isolation:isolate;gap:var(--gap);width:100%;max-width:460px;padding:var(--pad) 36px;scale:var(--fit,1);transition:scale .25s var(--ease);animation:auth-enter .8s var(--ease) both;border-radius:26px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -30px #000c,0 0 100px -18px #ef7f1a73}.auth-card.wide{max-width:580px}.auth-card:before{content:"";z-index:-2;aspect-ratio:1;background:conic-gradient(var(--ember) 0deg, var(--ember) 70deg, #fff6 140deg, var(--ink) 220deg, #ffffff40 290deg, var(--ember) 360deg);width:200%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-card:after{content:"";z-index:-1;background:var(--mui-palette-background-paper);border-radius:24px;position:absolute;inset:2px}.auth-card>*,.auth-form>*{animation:auth-rise .6s var(--ease) both}.auth-card>:first-child{animation-delay:.12s}.auth-card>:nth-child(2){animation-delay:.2s}.auth-card>:nth-child(3){animation-delay:.28s}.auth-card>:nth-child(n+4){animation-delay:.36s}.auth-form>:first-child{animation-delay:.32s}.auth-form>:nth-child(2){animation-delay:.39s}.auth-form>:nth-child(3){animation-delay:.46s}.auth-form>:nth-child(n+4){animation-delay:.53s}.auth-form{flex-direction:column;gap:clamp(10px,1.6vh,14px);display:flex}.auth-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.auth-logo-wrap{justify-content:center;display:flex}.auth-logo{border-radius:6px;line-height:0;display:block;position:relative}.auth-logo:before{content:"";z-index:-1;background:radial-gradient(closest-side,#ef7f1a29,#0000);border-radius:50%;position:absolute;inset:-20px -36px}.auth-logo img{width:auto;height:clamp(56px,9vh,84px);display:block;position:relative}.auth-title{text-align:center}.auth-sub{color:var(--ink-2);text-align:center;margin-top:6px!important}.auth-sub-tight{margin-top:2px!important}.auth-sub b{color:var(--ink);font-weight:600}.auth-label{color:var(--ink);font-size:14px;font-weight:600}.auth-otp{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;position:relative}.auth-slot{border:1px solid var(--line);border-radius:var(--mui-shape-borderRadius);background:var(--field);place-items:center;height:44px;font-size:20px;font-weight:500;display:grid}.auth-slot.on{border-color:var(--ember);box-shadow:inset 0 0 0 1px var(--ember)}.auth-slot.err{border-color:var(--bad)}.auth-slot.on.err{box-shadow:inset 0 0 0 1px var(--bad)}.auth-label.err{color:var(--bad)}.auth-otp-input{color:#0000;caret-color:#0000;opacity:0;cursor:text;background:0 0;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.auth-caret{background:var(--focus);border-radius:2px;width:2px;height:24px}.auth-spinner{border:2.5px solid #00000040;border-top-color:var(--on-ember);border-radius:50%;flex:none;width:18px;height:18px;animation:.7s linear infinite auth-spin}.auth-spinner.dark{background:conic-gradient(from 0deg, #ef7f1a00, var(--ember));border:0;width:48px;height:48px;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);mask-image:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0)}.auth-linkline{flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;display:flex}.auth-lead{color:var(--ink-2)}.auth-link{background:0 0;background-image:linear-gradient(var(--ember), var(--ember));color:var(--ink);font:inherit;cursor:pointer;transition:background-size .25s var(--ease), color .2s;background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;border:0;align-items:center;gap:4px;padding:0;font-weight:600;text-decoration:none;display:inline-flex}.auth-link:hover{background-size:100% 4px}.auth-link[disabled]{color:var(--ink-3);cursor:default;background-size:0 0}.auth-status{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.auth-status-icon{background:var(--ember);width:66px;height:66px;color:var(--on-ember);animation:auth-pop .5s var(--spring) both;border-radius:50%;place-items:center;display:grid;position:relative}.auth-status-icon.ok{background:var(--ink);color:#fff}.auth-status-icon.bad{background:var(--bad);color:#fff}.auth-code{color:var(--ink);text-shadow:5px 5px 0 var(--ember);font-size:clamp(72px,13vh,112px);font-weight:700;line-height:1}.auth-status-spinner{margin:8px 0}.auth-status-text{color:var(--ink-2)}.auth-status-action{width:100%;margin-top:8px}@keyframes auth-enter{0%{opacity:0;transform:translateY(26px)scale(.97)}to{opacity:1;transform:none}}@keyframes auth-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes auth-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes auth-spin{to{transform:rotate(360deg)}}.bk-orb.o1{animation:48s steps(48,end) infinite alternate bk-drift-a}.bk-orb.o2{animation:48s steps(48,end) infinite alternate bk-drift-b}.bk-orb.o3{animation:48s steps(48,end) infinite alternate bk-drift-c}.bk-grid{animation:128s steps(128,end) infinite bk-pan}.bk-frame,.bk-art{animation:24s steps(48,end) infinite alternate bk-float}.bk-frame.f2{animation-delay:-4s}.bk-frame.f3{animation-delay:-8s}.bk-art.right{animation-delay:-6s}.bk-art.chair{animation-delay:-10s}.bk-spark{animation:960s steps(1920,end) infinite bk-rise,960s infinite bk-twinkle}.auth-card:before{animation:60s steps(120,end) infinite auth-orbit}.auth-logo:before{animation:10s steps(10,end) infinite auth-breathe}.auth-code{animation:8s steps(8,end) infinite auth-bob}.auth-status-icon:after{content:"";border:2px solid var(--ember);opacity:0;border-radius:50%;animation:12s steps(24,end) infinite auth-ring;position:absolute;inset:0}.auth-caret{animation:1s step-end infinite auth-blink}.bk-art path{animation:bk-draw 2.8s var(--ease) .3s backwards}.bk-art path.hot{animation-delay:1.1s}@keyframes bk-drift-a{to{transform:translate(10vmax,6vmax)}}@keyframes bk-drift-b{to{transform:translate(-10vmax,-7vmax)}}@keyframes bk-drift-c{to{transform:translate(-7vmax,5vmax)}}@keyframes bk-pan{to{transform:translate(64px,64px)}}@keyframes bk-float{to{transform:translateY(-12px)}}@keyframes bk-rise{to{transform:translateY(-92vh)}}@keyframes bk-twinkle{0%{opacity:0;animation-timing-function:steps(240,end)}12.5%{opacity:.9;animation-timing-function:steps(1440,end)}87.5%{opacity:.5;animation-timing-function:steps(240,end)}to{opacity:0}}@keyframes auth-orbit{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes auth-breathe{0%,to{opacity:.6;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes auth-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes auth-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes auth-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bk-draw{0%{stroke-dasharray:1 2;stroke-dashoffset:1.01px}to{stroke-dasharray:1 2;stroke-dashoffset:0}}@media (max-width:1100px){.bk-art{display:none}}@media (max-width:720px){.bk-frame{display:none}}@media (max-width:520px){.auth-card{padding:var(--pad) 20px;border-radius:22px}.auth-card:after{border-radius:20px}.auth-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.auth *,.auth :before,.auth :after,.auth-card,.auth-card:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
