.auth{background-color:#34336e;background-image:linear-gradient(#272a66 0%,#5d4f97 30%,#d99a86 50%,#6f6aa6 58%,#36457a 78%,#233149 100%)}@media (max-aspect-ratio:4/5){.auth{background-image:linear-gradient(#232a6e 0%,#3f3f95 35%,#9a78b4 55%,#e3a17e 66%,#5f69a8 72%,#26405c 100%)}}html[data-theme=dark] .auth{background-color:#282757;background-image:linear-gradient(#0c0a1d3d,#0c0a1d3d),linear-gradient(#272a66 0%,#5d4f97 30%,#d99a86 50%,#6f6aa6 58%,#36457a 78%,#233149 100%);background-image:linear-gradient(lab(3.39775% 3.76095 -11.483/.24),lab(3.39775% 3.76095 -11.483/.24)),linear-gradient(#272a66 0%,#5d4f97 30%,#d99a86 50%,#6f6aa6 58%,#36457a 78%,#233149 100%)}@media (max-aspect-ratio:4/5){html[data-theme=dark] .auth{background-image:linear-gradient(#0c0a1d3d,#0c0a1d3d),linear-gradient(#232a6e 0%,#3f3f95 35%,#9a78b4 55%,#e3a17e 66%,#5f69a8 72%,#26405c 100%);background-image:linear-gradient(lab(3.39775% 3.76095 -11.483/.24),lab(3.39775% 3.76095 -11.483/.24)),linear-gradient(#232a6e 0%,#3f3f95 35%,#9a78b4 55%,#e3a17e 66%,#5f69a8 72%,#26405c 100%)}}.auth:before{display:none}.auth .auth-card{background:color-mix(in oklch, var(--surface) 64%, transparent);-webkit-backdrop-filter:blur(26px)saturate(1.25);backdrop-filter:blur(26px)saturate(1.25);border:1px solid #ffffff24;border:1px solid lab(100% 0 0/.14);box-shadow:0 34px 90px -24px #03020fb3,0 10px 28px -10px #03020f80,inset 0 1px #ffffff1f;box-shadow:0 34px 90px -24px lab(.757788% 1.89176 -5.42125/.7),0 10px 28px -10px lab(.757788% 1.89176 -5.42125/.5),inset 0 1px lab(100% 0 0/.12)}html[data-theme=light] .auth .auth-card{background:color-mix(in oklch, var(--surface) 66%, transparent);border-color:#fff9;border-color:lab(100% 0 0/.6);box-shadow:0 34px 90px -28px #14122b8c,0 10px 28px -12px #14122b59,inset 0 1px #ffffffbf;box-shadow:0 34px 90px -28px lab(6.63622% 7.32529 -17.1312/.55),0 10px 28px -12px lab(6.63622% 7.32529 -17.1312/.35),inset 0 1px lab(100% 0 0/.75)}@media (min-aspect-ratio:1){.auth .auth-card{--auth-card-shift-raw:calc(.313 * max(100vw, 177.778vh) + 32px - (100vw - min(400px, 100vw - 40px)) / 2);translate:calc(-1 * clamp(0px, var(--auth-card-shift-raw), 56px)) 0}}.auth .auth-brand .brand-mark{box-shadow:0 6px 18px -6px color-mix(in oklch, var(--brand) 60%, transparent), inset 0 1px 0 #ffffff47}@supports (color:lab(0% 0 0)){.auth .auth-brand .brand-mark{box-shadow:0 6px 18px -6px color-mix(in oklch, var(--brand) 60%, transparent), inset 0 1px 0 lab(100% 0 0/.28)}}.auth .field input{background:color-mix(in oklch, var(--bg-sunk) 72%, transparent);border-color:color-mix(in oklch, var(--line-strong) 80%, transparent)}.auth .field input:focus{background:color-mix(in oklch, var(--surface) 92%, transparent)}html[data-theme=light] .auth .field input{background:color-mix(in oklch, var(--bg-sunk) 85%, transparent)}.auth .auth-brand .brand-os,.auth .auth-foot,.auth .auth-head p,.auth .field label{color:var(--ink-2)}.auth .auth-foot{letter-spacing:.14em;border-top-color:color-mix(in oklch, var(--line) 70%, transparent)}html[data-theme=dark] .auth .auth-foot{color:var(--ink)}.auth .auth-toggle .theme-toggle{background:color-mix(in oklch, var(--surface) 64%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-color:#ffffff29;border-color:lab(100% 0 0/.16)}html[data-theme=light] .auth .auth-toggle .theme-toggle{background:color-mix(in oklch, var(--surface) 66%, transparent);border-color:#fff9;border-color:lab(100% 0 0/.6)}@media (orientation:portrait) and (max-width:1024px) and (max-aspect-ratio:17/20){.auth{padding:calc(env(safe-area-inset-top,0px) + 62px) 14px calc(env(safe-area-inset-bottom,0px) + 20px);place-items:start center}.auth .auth-toggle{top:calc(env(safe-area-inset-top,0px) + 14px);right:14px}}@media (max-width:599px) and (orientation:portrait){.auth .auth-card{border-radius:var(--r-lg);padding:20px 20px 16px}.auth .auth-brand .brand-mark{border-radius:10px;width:34px;height:34px}.auth .auth-brand .brand-mark svg{width:19px;height:19px}.auth .auth-head{margin:14px 0}.auth .auth-head h1{font-size:21px}.auth .auth-head p{margin-top:3px}.auth .auth-form{gap:11px}.auth .field{gap:5px}.auth .field input{padding:10px 12px}.auth .auth-submit{padding:11px 16px}.auth .auth-foot{margin-top:14px;padding-top:10px}}@media (max-width:599px),(pointer:coarse){.auth .field input{font-size:16px}}