@property --a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.login-root{--night: #050a14;--panel: #0b1424;--line: #1b2a45;--blue: #1a6fc4;--cyan: #4fd1e0;--sky: #8fd3e8;--lit: #f3fbff;--dark-win: #12304f;--err: #ff5d6c;--mark-w: 132px;--u: calc(560 / 132);position:relative;min-height:100vh;min-height:100dvh;overflow-x:clip;color:var(--lit);background:linear-gradient(to bottom,#050a14,#0a1a33)}.login-skyline{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.login-mark-svg{width:var(--mark-w);height:auto;overflow:visible}.login-mark .fig{transition:transform .75s cubic-bezier(.34,1.56,.64,1)}.login-mark .head{transform-box:fill-box;transition:transform .25s ease}.login-mark .win{fill:var(--lit);filter:drop-shadow(0 0 6px var(--cyan));transition:fill .22s ease,filter .22s ease}.login-mark-text{transition:opacity .4s ease,transform .4s ease}.login-mark.is-pre .fig{transition:none}.login-mark.is-pre .fig-left{transform:translate(calc(-80px * var(--u)))}.login-mark.is-pre .fig-right{transform:translate(calc(80px * var(--u)))}.login-mark.is-pre .win:not(.on),.login-mark.is-intro .win:not(.on){fill:var(--dark-win);filter:none}.login-mark.is-pre .login-mark-text,.login-mark.is-intro:not(.text-in) .login-mark-text{opacity:0;transform:translateY(8px)}.login-mark.is-hiding .win{fill:var(--dark-win);filter:none}.login-mark.is-hiding .head{transform:translateY(calc(4px * var(--u)))}.login-mark.is-peek .win{fill:var(--dark-win);filter:none}.login-mark.is-peek .win[data-top]{fill:var(--lit);filter:drop-shadow(0 0 6px var(--cyan))}.login-mark.is-error .win{fill:var(--err);filter:drop-shadow(0 0 6px var(--err))}.login-mark.is-success .win{fill:var(--lit);filter:drop-shadow(0 0 6px var(--cyan)) drop-shadow(0 0 14px var(--cyan))}.login-card{position:relative;border-radius:1rem;padding:1px;background:conic-gradient(from var(--a),var(--line) 0deg,var(--line) 220deg,var(--blue) 270deg,var(--cyan) 320deg,var(--line) 360deg);animation:login-spin 6s linear infinite;box-shadow:0 20px 60px -20px #000c}.login-card-inner{border-radius:calc(1rem - 1px);background:#0b1424eb;backdrop-filter:blur(6px)}.login-card.is-shaking{animation:login-spin 6s linear infinite,login-shake .45s ease}@keyframes login-spin{to{--a: 360deg}}@keyframes login-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.login-field{position:relative}.login-field:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--blue),var(--cyan),transparent);transform:scaleX(0);transition:transform .3s ease;pointer-events:none}.login-field:focus-within:after{transform:scaleX(1)}.login-input{width:100%;min-height:2.75rem;border:1px solid var(--line);border-radius:.5rem;background:#050a1499;padding:.5rem .75rem;font-size:1rem;color:var(--lit);transition:border-color .2s ease,box-shadow .2s ease}.login-input::placeholder{color:#8fd3e859}.login-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #4fd1e02e,0 0 18px #4fd1e040}.login-input[aria-invalid=true]{border-color:var(--err)}.login-submit{position:relative;overflow:hidden;width:100%;min-height:2.75rem;border-radius:.5rem;background:linear-gradient(90deg,#1a6fc4,#2aa3d6,#4fd1e0);font-weight:600;color:#fff;box-shadow:0 8px 24px -10px #4fd1e099;transition:box-shadow .2s ease,filter .2s ease}.login-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgb(255 255 255 / .45) 50%,transparent 70%);transform:translate(-120%);pointer-events:none}.login-submit:hover:before{transition:transform .7s ease;transform:translate(120%)}.login-submit:hover{box-shadow:0 10px 30px -8px #4fd1e0cc}.login-submit:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.login-submit-dots{display:none;gap:6px;justify-content:center;align-items:center}.login-submit-dots>span{width:8px;height:8px;border-radius:1px;background:var(--dark-win);animation:login-dot .9s ease-in-out infinite}.login-submit-dots>span:nth-child(2){animation-delay:.15s}.login-submit-dots>span:nth-child(3){animation-delay:.3s}.login-submit-dots>span:nth-child(4){animation-delay:.45s}.login-submit.is-loading{pointer-events:none}.login-submit.is-loading .login-submit-label{display:none}.login-submit.is-loading .login-submit-dots{display:flex}@keyframes login-dot{0%,to{background:var(--dark-win);box-shadow:none}40%,60%{background:var(--lit);box-shadow:0 0 8px var(--cyan)}}@media(prefers-reduced-motion:reduce){.login-root *,.login-root *:before,.login-root *:after{animation:none!important;transition:none!important}.login-submit-dots>span{background:var(--lit)}}