.auth-page{place-items:center;min-height:100dvh;padding:2rem 1rem;display:grid;position:relative}.auth-field-bg{z-index:0;pointer-events:none;background:radial-gradient(130% 90% at 50% -15%, color-mix(in srgb, var(--admin-accent) 9%, transparent) 0%, transparent 62%);position:absolute;inset:0;overflow:hidden}.auth-field-bg:before,.auth-field-bg:after{content:"";will-change:transform;border-radius:9999px;width:62vmax;height:62vmax;position:absolute}.auth-field-bg:before{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--admin-accent) 16%, transparent) 0%, color-mix(in srgb, var(--admin-accent) 5%, transparent) 42%, transparent 70%);animation:52s ease-in-out infinite auth-drift-a;top:-24vmax;left:-18vmax}.auth-field-bg:after{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--admin-accent) 13%, transparent) 0%, color-mix(in srgb, var(--admin-accent) 4%, transparent) 45%, transparent 72%);animation:44s ease-in-out infinite auth-drift-b;bottom:-26vmax;right:-22vmax}@keyframes auth-drift-a{0%,to{transform:translate(0,0)}50%{transform:translate(7vmax,5vmax)}}@keyframes auth-drift-b{0%,to{transform:translate(0,0)}50%{transform:translate(-6vmax,-4vmax)}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .auth-field-bg{background:radial-gradient(150% 100% at 50% -20%, color-mix(in srgb, var(--admin-accent) 6%, transparent) 0%, transparent 68%)}:root:not([data-theme=dark]) .auth-field-bg:before,:root:not([data-theme=dark]) .auth-field-bg:after{width:76vmax;height:76vmax}:root:not([data-theme=dark]) .auth-field-bg:before{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--admin-accent) 9%, transparent) 0%, color-mix(in srgb, var(--admin-accent) 3%, transparent) 46%, transparent 74%)}:root:not([data-theme=dark]) .auth-field-bg:after{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--admin-accent) 7%, transparent) 0%, color-mix(in srgb, var(--admin-accent) 2%, transparent) 48%, transparent 76%)}}:root[data-theme=light] .auth-field-bg{background:radial-gradient(150% 100% at 50% -20%, color-mix(in srgb, var(--admin-accent) 6%, transparent) 0%, transparent 68%)}:root[data-theme=light] .auth-field-bg:before,:root[data-theme=light] .auth-field-bg:after{width:76vmax;height:76vmax}:root[data-theme=light] .auth-field-bg:before{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--admin-accent) 9%, transparent) 0%, color-mix(in srgb, var(--admin-accent) 3%, transparent) 46%, transparent 74%)}:root[data-theme=light] .auth-field-bg:after{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--admin-accent) 7%, transparent) 0%, color-mix(in srgb, var(--admin-accent) 2%, transparent) 48%, transparent 76%)}@media (prefers-reduced-motion:reduce){.auth-field-bg:before,.auth-field-bg:after{animation:none}}.auth-card{--auth-input-bg:color-mix(in srgb, var(--card) 92%, white);--auth-card-radius:50px;isolation:isolate;z-index:1;border:1px solid var(--border);border-radius:var(--auth-card-radius);background:linear-gradient(145deg, #ffffff0d 0%, #ffffff03 38%, #fff0 62%), color-mix(in srgb, var(--card) 92%, transparent);width:100%;max-width:26rem;padding:3rem 2.75rem 2.75rem;position:relative;box-shadow:0 0 0 1px #0000008c,inset 0 1px #ffffff0d,inset 1px 0 #ffffff05,0 2px 8px #00000059,0 24px 60px -24px #0009}.auth-card.card-grain:before{border-radius:inherit}@property --auth-beam-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@property --auth-beam-opacity{syntax:"<number>";inherits:true;initial-value:0}.auth-beam-host{--auth-beam-stroke-o:.4;--auth-beam-inner-o:.55;--auth-beam-bloom-o:.35;--auth-beam-brightness:1.3;--auth-beam-saturate:1.2;--auth-beam-clip:inset(0 round var(--auth-card-radius));animation:12s linear infinite auth-beam-spin,.6s forwards auth-beam-fade-in;overflow:hidden}.auth-beam-host:after{content:"";z-index:3;clip-path:var(--auth-beam-clip);background:conic-gradient(from var(--auth-beam-angle), transparent 0%, transparent 58%, #ffffff08 62%, #ffffff14 65%, #fff3 67%, #ffffff73 69%, #ffffffd9 70%, #ffffffd9 70.5%, #ffffff73 71.5%, #fff3 73%, #ffffff14 75%, #ffffff08 78%, transparent 82%);-webkit-mask-composite:xor;filter:blur(8px) brightness(var(--auth-beam-brightness)) saturate(var(--auth-beam-saturate));opacity:calc(var(--auth-beam-opacity) * var(--auth-beam-bloom-o));pointer-events:none;border-radius:49px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-beam{pointer-events:none;position:absolute;inset:0}.auth-beam:before{content:"";z-index:1;border-radius:var(--auth-card-radius);clip-path:var(--auth-beam-clip);box-shadow:inset 0 0 9px 1px var(--auth-beam-inner-shadow,#ffffff45);-webkit-mask:conic-gradient(from var(--auth-beam-angle), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:source-in, xor;-webkit-mask:conic-gradient(from var(--auth-beam-angle), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask:conic-gradient(from var(--auth-beam-angle), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);opacity:calc(var(--auth-beam-opacity) * var(--auth-beam-inner-o));background:radial-gradient(208px 118px at 33% -7.4%,#ff5a7842,#0000),radial-gradient(178px 105px at 12% -5%,#288cff73,#0000),radial-gradient(118px 208px at 2.1% 68.3%,#32c85073,#0000),radial-gradient(132px 231px at 2.1% 68.3%,#1eb9aa73,#0000),radial-gradient(534px 96px at 74.4% 100%,#6446ff73,#0000),radial-gradient(254px 76px at 55% 100%,#288cff73,#0000),radial-gradient(220px 96px at 93.9% 0,#ff782873,#0000),radial-gradient(76px 126px at 100% 27.1%,#d25aaa42,#0000),radial-gradient(154px 142px at 100% 27.1%,#b428f073,#0000);padding:26px;animation:36s linear infinite auth-beam-hue-wash;position:absolute;inset:0;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}.auth-beam:after{content:"";z-index:2;clip-path:var(--auth-beam-clip);background:var(--auth-beam-stroke-white,conic-gradient(from var(--auth-beam-angle), transparent 0%, transparent 54%, #ffffff1a 57%, #ffffff4d 60%, #fff9 63%, #ffffffbf 66%, #fff9 69%, #ffffff4d 72%, #ffffff1a 75%, transparent 78%, transparent 100%)), radial-gradient(ellipse 231px 132px at 33% -7.4%, #eb6482, transparent), radial-gradient(ellipse 198px 116px at 12% -5%, #288cff, transparent), radial-gradient(ellipse 132px 231px at 2.1% 68.3%, #32c850, transparent), radial-gradient(ellipse 66px 116px at 2.1% 68.3%, #1eb9aa, transparent), radial-gradient(ellipse 594px 105px at 74.4% 100%, #6446ff, transparent), radial-gradient(ellipse 280px 86px at 55% 100%, #288cff, transparent), radial-gradient(ellipse 244px 105px at 93.9% 0%, #ff7828, transparent), radial-gradient(ellipse 86px 138px at 100% 27.1%, #cd5faa, transparent), radial-gradient(ellipse 171px 159px at 100% 27.1%, #b428f0, transparent);-webkit-mask:conic-gradient(from var(--auth-beam-angle), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:source-in, xor;-webkit-mask:conic-gradient(from var(--auth-beam-angle), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask:conic-gradient(from var(--auth-beam-angle), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);opacity:calc(var(--auth-beam-opacity) * var(--auth-beam-stroke-o));border-radius:49px;padding:1px;animation:36s linear infinite auth-beam-hue;position:absolute;inset:0;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}@keyframes auth-beam-spin{to{--auth-beam-angle:360deg}}@keyframes auth-beam-fade-in{to{--auth-beam-opacity:1}}@keyframes auth-beam-hue-wash{0%{filter:hue-rotate(0deg) brightness(var(--auth-beam-brightness)) saturate(var(--auth-beam-saturate)) blur(14px)}to{filter:hue-rotate(360deg) brightness(var(--auth-beam-brightness)) saturate(var(--auth-beam-saturate)) blur(14px)}}@keyframes auth-beam-hue{0%{filter:hue-rotate(0deg) brightness(var(--auth-beam-brightness)) saturate(var(--auth-beam-saturate))}to{filter:hue-rotate(360deg) brightness(var(--auth-beam-brightness)) saturate(var(--auth-beam-saturate))}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .auth-beam-host{--auth-beam-stroke-o:.12;--auth-beam-inner-o:.26;--auth-beam-bloom-o:.34;--auth-beam-saturate:1.5;--auth-beam-inner-shadow:#00000024;--auth-beam-stroke-white:conic-gradient(from var(--auth-beam-angle), transparent 0%, transparent 54%, #00000014 57%, #0003 60%, #0006 63%, #0000008c 66%, #0006 69%, #0003 72%, #00000014 75%, transparent 78%, transparent 100%)}}:root[data-theme=light] .auth-beam-host{--auth-beam-stroke-o:.12;--auth-beam-inner-o:.26;--auth-beam-bloom-o:.34;--auth-beam-saturate:1.5;--auth-beam-inner-shadow:#00000024;--auth-beam-stroke-white:conic-gradient(from var(--auth-beam-angle), transparent 0%, transparent 54%, #00000014 57%, #0003 60%, #0006 63%, #0000008c 66%, #0006 69%, #0003 72%, #00000014 75%, transparent 78%, transparent 100%)}@media (prefers-reduced-motion:reduce){.auth-beam-host{animation:none}.auth-beam,.auth-beam-host:after{display:none}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .auth-card{--auth-input-bg:var(--background);background:var(--card);box-shadow:0 0 0 1px #1c191712,0 2px 8px #1c191738,0 18px 44px -16px #1c191766}}:root[data-theme=light] .auth-card{--auth-input-bg:var(--background);background:var(--card);box-shadow:0 0 0 1px #1c191712,0 2px 8px #1c191738,0 18px 44px -16px #1c191766}@media (max-width:400px){.auth-card{padding:1.75rem 1.25rem 1.5rem}}.auth-head{text-align:center;margin-bottom:1.5rem;padding-bottom:1.25rem;position:relative}.auth-head:after{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;bottom:0;left:.75rem;right:.75rem}.auth-title{text-transform:uppercase;letter-spacing:.3em;text-indent:.3em;text-wrap:balance;margin:0;font-size:.9375rem;font-weight:700}.auth-sub{font-family:var(--font-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.2em;text-indent:.2em;color:var(--muted);margin:.25rem 0 0;font-size:.625rem;font-weight:500}.auth-lede{color:var(--muted);text-wrap:pretty;margin:0 0 1.25rem;font-size:.8125rem;line-height:1.5}.auth-heading{text-wrap:balance;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.auth-form{flex-direction:column;gap:1.125rem;display:flex}.auth-field{flex-direction:column;gap:.4375rem;min-width:0;display:flex}.auth-label-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.auth-label{color:var(--foreground);font-size:.8125rem;font-weight:600}.auth-link{color:var(--muted);font-size:.75rem;font-weight:500;text-decoration:none;transition:color .15s}.auth-link:hover,.auth-link:focus-visible{color:var(--admin-accent)}.auth-input-wrap{display:flex;position:relative}.auth-input{width:100%;min-height:52px;font:inherit;color:var(--foreground);background:var(--auth-input-bg,var(--background));border:1px solid var(--border);border-radius:14px;outline:none;padding:0 1rem;font-size:.96875rem;transition:border-color .16s,background .16s,box-shadow .16s}@supports (corner-shape:squircle){.auth-input{corner-shape:squircle;border-radius:17px}}.auth-input--padded{padding-right:52px}.auth-input::placeholder{color:color-mix(in srgb, var(--muted) 70%, transparent)}.auth-input:hover{border-color:color-mix(in srgb, var(--foreground) 22%, var(--border))}.auth-input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3.5px var(--admin-accent-tint)}.auth-input[aria-invalid=true]{border-color:color-mix(in srgb, var(--danger) 55%, transparent)}.auth-input:-webkit-autofill{-webkit-text-fill-color:var(--foreground);-webkit-box-shadow:0 0 0 1000px var(--auth-input-bg,var(--background)) inset;caret-color:var(--foreground)}.auth-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--foreground);-webkit-box-shadow:0 0 0 1000px var(--auth-input-bg,var(--background)) inset;caret-color:var(--foreground)}.auth-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--foreground);-webkit-box-shadow:0 0 0 1000px var(--auth-input-bg,var(--background)) inset;caret-color:var(--foreground)}.auth-reveal{width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;transition:color .15s,background .15s;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.auth-reveal:hover{color:var(--foreground);background:color-mix(in srgb, var(--foreground) 8%, transparent)}.auth-reveal svg{width:19px;height:19px}.auth-hint{color:var(--muted);text-wrap:pretty;margin:0;font-size:.75rem}.auth-field-error{color:var(--danger);text-wrap:pretty;margin:0;font-size:.75rem;font-weight:500}.auth-error{border-radius:13px;padding:.6875rem .8125rem;font-size:.84375rem;line-height:1.45;animation:.22s ease-out auth-error-in}@supports (corner-shape:squircle){.auth-error{corner-shape:squircle;border-radius:16px}}@keyframes auth-error-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.auth-error{animation:none}}.auth-submit:not(:focus-visible){box-shadow:inset 0 1px #ffffff38,0 8px 20px -8px #00000073}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .auth-submit:not(:focus-visible){box-shadow:inset 0 1px #ffffff2e,0 8px 20px -10px #1c191759}}:root[data-theme=light] .auth-submit:not(:focus-visible){box-shadow:inset 0 1px #ffffff2e,0 8px 20px -10px #1c191759}
