@property --sb-gx{syntax:"<percentage>";inherits:false;initial-value:0%}@property --sb-gy{syntax:"<percentage>";inherits:false;initial-value:0%}@property --mx{syntax:"<length-percentage>";inherits:true;initial-value:100%}@property --my{syntax:"<length-percentage>";inherits:true;initial-value:0%}@keyframes sb-glow{0%,to{--sb-gx:0%;--sb-gy:0%}33%{--sb-gx:100%;--sb-gy:25%}66%{--sb-gx:35%;--sb-gy:100%}}@keyframes sb-reveal{0%{opacity:0;translate:0 .6rem}}@keyframes sb-item-in{0%{opacity:0;translate:-10px}}@keyframes sb-fade{0%{opacity:0}}@keyframes sb-dialog-in{0%{opacity:0;translate:0 1rem;scale:.98}}@keyframes sb-dialog-out{to{opacity:0;translate:0 .75rem;scale:.98}}@keyframes sb-backdrop-out{to{opacity:0}}@keyframes sb-line{0%{scale:0 1}}@keyframes sb-spin{to{transform:rotate(.5turn)}}@keyframes sb-pop{0%{opacity:0;scale:.5}}@keyframes sb-grow-x{0%{scale:0 1}}@keyframes sb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sb-flash{0%,to{background-color:var(--sh-border)}25%,60%{background-color:var(--color-accent)}}@media (prefers-reduced-motion:no-preference){.is-flash.is-flash{animation:1.5s sb-flash}}@media (prefers-reduced-motion:reduce){.is-flash.is-flash{--sh-border:var(--color-accent)}}.button{--sh-border:var(--color-border);--sh-bg:var(--color-bg);isolation:isolate;background-color:var(--sh-border);clip-path:polygon(.7rem 0,100% 0,100% calc(100% - .7rem),calc(100% - .7rem) 100%,0 100%,0 .7rem);border:1px solid #0000;border-radius:0;transition:background-color .2s;position:relative}.button:before{content:"";z-index:-1;background-color:var(--sh-bg);clip-path:polygon(calc(.7rem - .586px) 0,100% 0,100% calc(100% + -.7rem + .586px),calc(100% + -.7rem + .586px) 100%,0 100%,0 calc(.7rem - .586px));transition:background-color .2s;position:absolute;inset:0}.button{--sh-border:var(--color-accent);--sh-bg:var(--color-accent);--btn-fill:var(--color-accent-hover);color:var(--color-accent-contrast);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,translate .2s cubic-bezier(.2,.7,.2,1);display:inline-flex;overflow:hidden}.button:before{background-image:linear-gradient(var(--btn-fill), var(--btn-fill));background-repeat:no-repeat;background-size:0 100%;transition:background-color .2s,background-size .35s cubic-bezier(.2,.7,.2,1)}.button:hover:not(:disabled):not(.is-loading){--sh-border:var(--color-accent-hover)}.button:hover:not(:disabled):not(.is-loading):before{background-size:100% 100%}.button:active:not(:disabled):not(.is-loading){translate:0 1px}.button[hidden]{display:none}.button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-4px;outline-color:var(--color-accent-contrast)}.button:disabled,.button.is-loading{opacity:.6;cursor:not-allowed}.button.is-loading{cursor:progress}.button.is-loading:after{content:"";aspect-ratio:1;--b:3px;width:1em;-webkit-mask:repeating-conic-gradient(#0000 0deg, #000 1deg 70deg, #0000 71deg 90deg), radial-gradient(farthest-side, #0000 calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));-webkit-mask:repeating-conic-gradient(#0000 0deg, #000 1deg 70deg, #0000 71deg 90deg), radial-gradient(farthest-side, #0000 calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));mask:repeating-conic-gradient(#0000 0deg, #000 1deg 70deg, #0000 71deg 90deg), radial-gradient(farthest-side, #0000 calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));-webkit-mask-composite:destination-in;background-color:currentColor;border-radius:50%;flex-shrink:0;animation:1s linear infinite sb-spin;-webkit-mask-composite:source-in;mask-composite:intersect}.button svg{flex-shrink:0;width:1.1em;height:1.1em}.button--ghost{--sh-border:var(--color-border-strong);--sh-bg:var(--color-bg);--btn-fill:var(--color-accent-soft);color:var(--color-text)}.button--ghost:hover:not(:disabled):not(.is-loading){--sh-border:var(--color-accent);color:var(--color-accent-strong)}.button--ghost:focus-visible{outline-color:var(--color-focus)}.button--danger{--sh-border:var(--color-border-strong);--sh-bg:var(--color-bg);--btn-fill:var(--color-danger-soft);color:var(--color-text)}.button--danger:hover:not(:disabled):not(.is-loading){--sh-border:var(--color-danger);color:var(--color-danger-text)}.button--danger:focus-visible{outline-color:var(--color-danger)}.button--small{clip-path:polygon(.5rem 0,100% 0,100% calc(100% - .5rem),calc(100% - .5rem) 100%,0 100%,0 .5rem);padding:.25rem .75rem;font-size:.875rem}.button--small:before{clip-path:polygon(calc(.5rem - .586px) 0,100% 0,100% calc(100% + -.5rem + .586px),calc(100% + -.5rem + .586px) 100%,0 100%,0 calc(.5rem - .586px))}.button--icon{width:2.4rem;height:2.4rem;padding:0}.button--block{width:100%}.ripple{z-index:0;opacity:.22;pointer-events:none;background:currentColor;border-radius:50%;animation:.6s cubic-bezier(.2,.7,.2,1) forwards ripple;position:absolute;scale:0}@keyframes ripple{to{opacity:0;scale:1}}.field{flex-direction:column;gap:.25rem;display:flex}.field__label{font-size:.875rem;font-weight:500}.field__input{--fi-border:var(--color-border-strong);--fi-line:var(--color-accent);--fi-caret:var(--color-text-muted);border:1px solid var(--fi-border);background-color:var(--color-bg);background-image:linear-gradient(var(--fi-line), var(--fi-line)), linear-gradient(to bottom right, transparent calc(50% - 1px), var(--fi-border) calc(50% - 1px), var(--fi-border) 50%, transparent 50%), linear-gradient(to bottom right, transparent 50%, var(--fi-border) 50%, var(--fi-border) calc(50% + 1px), transparent calc(50% + 1px));clip-path:polygon(.6rem 0,100% 0,100% calc(100% - .6rem),calc(100% - .6rem) 100%,0 100%,0 .6rem);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-position:0 100%,100% 100%,0 0;background-repeat:no-repeat;background-size:0 2px,.6rem .6rem,.6rem .6rem;background-origin:border-box;background-clip:border-box;border-radius:0;width:100%;min-width:0;padding:.75rem;transition:border-color .2s,background-color .2s,background-size .35s cubic-bezier(.2,.7,.2,1)}.field__input::placeholder{color:var(--color-text-muted);opacity:.65}.field__input:hover:not(:disabled){--fi-border:var(--color-text-muted)}.field__input:focus,.field__input:focus-visible{--fi-border:var(--color-focus);background-color:color-mix(in srgb, var(--color-accent) 3%, var(--color-bg));background-size:100% 2px,.6rem .6rem,.6rem .6rem;outline:none}.field__input.is-invalid{--fi-border:var(--color-danger);--fi-line:var(--color-danger);background-color:color-mix(in srgb, var(--color-danger) 4%, var(--color-bg))}.field__input:disabled{--fi-border:var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted);cursor:not-allowed}.field__input[readonly]{background-color:var(--color-surface)}.field__input[type=number]{appearance:textfield}.field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field__input[type=date],.field__input[type=month],.field__input[type=time]{min-height:2.9rem}.field__input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;transition:opacity .2s}.field__input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;transition:opacity .2s}.field__input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;transition:opacity .2s}.field__input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.field__input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1}.field__input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.field__input[type=search]{appearance:none}.field__input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.field select.field__input{appearance:none;cursor:pointer;background-image:linear-gradient(var(--fi-line), var(--fi-line)), linear-gradient(to bottom right, transparent calc(50% - 1px), var(--fi-border) calc(50% - 1px), var(--fi-border) 50%, transparent 50%), linear-gradient(to bottom right, transparent 50%, var(--fi-border) 50%, var(--fi-border) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(45deg, transparent 50%, var(--fi-caret) 50%), linear-gradient(135deg, var(--fi-caret) 50%, transparent 50%);background-position:0 100%,100% 100%,0 0,calc(100% - 1.25rem) 55%,calc(100% - .85rem) 55%;background-size:0 2px,.6rem .6rem,.6rem .6rem,.4rem .4rem,.4rem .4rem;padding-right:2rem}.field select.field__input:focus,.field select.field__input:focus-visible{--fi-caret:var(--color-accent);background-size:100% 2px,.6rem .6rem,.6rem .6rem,.4rem .4rem,.4rem .4rem}.field select.field__input option{color:var(--color-text);background:var(--color-bg)}.field__error{color:var(--color-danger);font-size:.875rem}.field__error:empty{display:none}@media (prefers-reduced-motion:no-preference){.field__error{animation:.3s cubic-bezier(.2,.7,.2,1) backwards sb-reveal}}.field__input--area{resize:vertical;clip-path:polygon(.6rem 0,100% 0,100% 100%,0 100%,0 .6rem);background-size:0 2px,0 0,.6rem .6rem;min-height:6rem}.field__input--area:focus,.field__input--area:focus-visible{background-size:100% 2px,0 0,.6rem .6rem}.field__input--color{cursor:pointer;width:3rem;height:2.5rem;padding:.25rem}.field__input--color::-webkit-color-swatch-wrapper{padding:0}.field__input--color::-webkit-color-swatch{border:0;border-radius:0}.field__input--color::-moz-color-swatch{border:0;border-radius:0}.field__input[type=file]{color:var(--color-text-muted);cursor:pointer;border-style:dashed;padding:1rem;font-size:.875rem}.field__input[type=file]::file-selector-button{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));color:var(--color-accent-contrast);font:inherit;cursor:pointer;clip-path:polygon(.4rem 0,100% 0,100% calc(100% - .4rem),calc(100% - .4rem) 100%,0 100%,0 .4rem);border:0;border-radius:0;margin-right:.75rem;padding:.5rem .75rem;font-weight:500;transition:filter .2s}.field__input[type=file]:hover::file-selector-button{filter:brightness(1.12)}.field__input[type=file].is-drag{--fi-border:var(--color-accent);background-color:var(--color-accent-soft)}.field__hint{color:var(--color-text-muted);font-size:.8125rem}.field__hint:empty{display:none}.field--check{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:.5rem;width:fit-content}.field--check .field__label,.field--check .field__hint{cursor:pointer}.field--check:hover .field__check:not(:checked):not(:disabled){--ck-border:var(--color-accent)}.field__check{--ck-border:var(--color-border-strong);--ck-bg:var(--color-bg);appearance:none;isolation:isolate;background-color:var(--ck-border);clip-path:polygon(.4rem 0,100% 0,100% calc(100% - .4rem),calc(100% - .4rem) 100%,0 100%,0 .4rem);cursor:pointer;border:0;border-radius:0;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0;transition:background-color .2s;position:relative}.field__check:before{content:"";z-index:-1;background-color:var(--ck-bg);clip-path:polygon(calc(.4rem - .586px) 0,100% 0,100% calc(100% + -.4rem + .586px),calc(100% + -.4rem + .586px) 100%,0 100%,0 calc(.4rem - .586px));transition:background-color .2s;position:absolute;inset:1px}.field__check:after{content:"";border:solid var(--color-accent-contrast);transform-origin:20% 80%;border-width:0 2px 2px 0;width:.3rem;height:.6rem;transition:scale .25s cubic-bezier(.2,.7,.2,1);position:absolute;top:.14rem;left:.4rem;rotate:45deg;scale:0}.field__check:hover:not(:disabled){--ck-border:var(--color-accent)}.field__check:focus-visible{--ck-border:var(--color-accent);--ck-bg:var(--color-accent-soft)}.field__check:checked{--ck-border:var(--color-accent)}.field__check:checked:before{background-image:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));background-color:var(--color-accent)}.field__check:checked:after{scale:1}.field__check:disabled{opacity:.5;cursor:not-allowed}.field__check--switch{--sw-w:2.6rem;--sw-h:1.45rem;width:var(--sw-w);height:var(--sw-h);background-color:var(--color-border-strong);clip-path:polygon(.5rem 0,100% 0,100% calc(100% - .5rem),calc(100% - .5rem) 100%,0 100%,0 .5rem);transition:background-color .25s}.field__check--switch:before{z-index:0;width:calc(var(--sw-h) - 4px);background-color:var(--color-bg);clip-path:polygon(.3rem 0,100% 0,100% calc(100% - .3rem),calc(100% - .3rem) 100%,0 100%,0 .3rem);background-image:none;transition:translate .3s cubic-bezier(.2,.7,.2,1),background-color .2s;inset:2px auto 2px 2px}.field__check--switch:after{display:none}.field__check--switch:hover:not(:disabled){background-color:var(--color-text-muted)}.field__check--switch:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px}.field__check--switch:checked{background-color:var(--color-accent);background-image:linear-gradient(90deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 60%, var(--color-highlight)))}.field__check--switch:checked:before{background-image:none;background-color:var(--color-bg);translate:calc(var(--sw-w) - var(--sw-h)) 0}.login{width:100%;max-width:24rem;display:grid}@media (width>=64rem){.login{max-width:56rem;filter:drop-shadow(0 1.5rem 3rem color-mix(in srgb, var(--color-accent) 14%, transparent));grid-template-columns:minmax(0,1fr) minmax(0,24rem)}}@media (prefers-reduced-motion:no-preference){.login{animation:.6s cubic-bezier(.2,.7,.2,1) backwards sb-reveal}}.login__brand{color:#fff;background:radial-gradient(circle 18rem at 100% 0, #ffffff38, transparent 70%), radial-gradient(circle 16rem at 0 100%, color-mix(in srgb, var(--color-highlight) 55%, transparent), transparent 70%), linear-gradient(145deg, var(--color-accent-hover), var(--color-accent) 55%, var(--blue-800,#1a3aa8));clip-path:polygon(1.6rem 0,100% 0,100% 100%,0 100%,0 1.6rem);flex-direction:column;gap:.75rem;padding:3rem 2rem;display:none;position:relative;overflow:hidden}@media (width>=64rem){.login__brand{display:flex}}.login__brand:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:2.2rem 2.2rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 40%,#0000);mask-image:linear-gradient(#0000,#000 40%,#0000)}.login__brand>*{position:relative}.login__mark{clip-path:polygon(.8rem 0,100% 0,100% calc(100% - .8rem),calc(100% - .8rem) 100%,0 100%,0 .8rem);background:#ffffff2e;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff59}.login__mark svg{width:1.5rem;height:1.5rem}.login__brand-name{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.login__tagline{color:#ffffffd9;max-width:18rem;font-size:1.05rem;line-height:1.4}.login__spark{width:100%;height:7.5rem;margin-top:auto;overflow:visible}.login__spark-line{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1}@media (prefers-reduced-motion:no-preference){.login__spark-line{animation:1.8s cubic-bezier(.2,.7,.2,1) .4s backwards login-draw}.login__spark-area{animation:1.2s 1.2s backwards login-fade}}.login__spark-dot{fill:#fff}@media (prefers-reduced-motion:no-preference){.login__spark-dot{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.2,.7,.2,1) 2s backwards login-pop,2.4s ease-out 2.6s infinite login-pulse}}.login__points{color:#ffffffe6;flex-direction:column;gap:.5rem;font-size:.9rem;list-style:none;display:flex}.login__points li{align-items:center;gap:.5rem;display:flex}.login__points li:before{content:"";clip-path:polygon(.2rem 0,100% 0,100% calc(100% - .2rem),calc(100% - .2rem) 100%,0 100%,0 .2rem);background:#fff;flex-shrink:0;width:.55rem;height:.55rem}.login__card{--sh-border:var(--color-border);--sh-bg:var(--color-bg);isolation:isolate;background-color:var(--sh-border);clip-path:polygon(0 0,calc(100% - 1.6rem) 0,100% 1.6rem,100% 100%,1.6rem 100%,0 calc(100% - 1.6rem));border:1px solid #0000;border-radius:0;flex-direction:column;gap:1rem;padding:3rem 1.5rem;transition:background-color .2s;display:flex;position:relative}.login__card:before{content:"";z-index:-1;background-color:var(--sh-bg);clip-path:polygon(0 0,calc(100% + -1.6rem + .586px) 0,100% calc(1.6rem - .586px),100% 100%,calc(1.6rem - .586px) 100%,0 calc(100% + -1.6rem + .586px));background-image:radial-gradient(circle 16rem at var(--sb-gx) var(--sb-gy), color-mix(in srgb, var(--color-accent) 12%, transparent), transparent 70%), radial-gradient(circle 12rem at calc(100% - var(--sb-gx)) calc(100% - var(--sb-gy)), color-mix(in srgb, var(--color-accent) 7%, transparent), transparent 70%), radial-gradient(circle 14rem at var(--mx,-50%) var(--my,-50%), color-mix(in srgb, var(--color-accent) 10%, transparent), transparent 70%);transition:background-color .2s;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.login__card:before{animation:22s ease-in-out infinite sb-glow}.login__card>*{animation:.55s cubic-bezier(.2,.7,.2,1) backwards login-rise;animation-delay:calc(.15s + var(--i,0) * 80ms)}}.login__card>:nth-child(2){--i:1}.login__card>:nth-child(3){--i:2}.login__card>:nth-child(4){--i:3}.login__card>:nth-child(5){--i:4}.login__card.is-shaking{animation:.42s login-shake}.login__head{flex-direction:column;gap:.25rem;display:flex}.login__title{letter-spacing:-.02em;color:var(--color-text);font-size:1.75rem}.login__subtitle{color:var(--color-text-muted);font-size:.9rem}.login__control{align-items:center;display:flex;position:relative}.login__icon{z-index:1;width:1.15rem;height:1.15rem;color:var(--color-text-muted);pointer-events:none;transition:color .2s;position:absolute;left:.75rem}.login__control:focus-within .login__icon{color:var(--color-accent)}.login__input.field__input{padding-left:2.4rem}.login__input--password.field__input{padding-right:3rem}.login__eye{width:2.2rem;height:2.2rem;color:var(--color-text-muted);clip-path:polygon(.5rem 0,100% 0,100% calc(100% - .5rem),calc(100% - .5rem) 100%,0 100%,0 .5rem);background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .2s,background-color .2s;display:inline-flex;position:absolute;right:.35rem}.login__eye svg{width:1.2rem;height:1.2rem;transition:opacity .2s,scale .3s cubic-bezier(.2,.7,.2,1),rotate .3s cubic-bezier(.2,.7,.2,1);position:absolute}.login__eye:hover{color:var(--color-accent-strong);background:var(--color-accent-soft)}.login__eye:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.login__eye-off{opacity:0;rotate:-20deg;scale:.6}.login__eye.is-visible{color:var(--color-accent)}.login__eye.is-visible .login__eye-open{opacity:0;rotate:20deg;scale:.6}.login__eye.is-visible .login__eye-off{opacity:1;rotate:0deg;scale:1}.login__caps{color:var(--color-warning-text);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.8125rem;display:flex}.login__caps[hidden]{display:none}.login__caps svg{width:1rem;height:1rem}@media (prefers-reduced-motion:no-preference){.login__caps{animation:.3s cubic-bezier(.2,.7,.2,1) login-rise}}.login__submit{margin-top:.25rem}@keyframes login-rise{0%{opacity:0;translate:0 .8rem}}@keyframes login-draw{0%{stroke-dashoffset:1px}}@keyframes login-fade{0%{opacity:0}}@keyframes login-pop{0%{scale:0}}@keyframes login-pulse{0%{filter:drop-shadow(0 0 #fffc)}to{filter:drop-shadow(0 0 10px #fff0)}}@keyframes login-shake{20%,60%{translate:-6px}40%,80%{translate:6px}}
