.auth-page{--auth-bg:#07090d;--auth-surface:#0d1118;--auth-text:#f4f6fa;--auth-muted:#8f98a8;--auth-line:#262d38;--auth-blue:#2775ff;--auth-error:#ff6259;--auth-success:#49c98b;isolation:isolate;background:var(--auth-bg);min-height:100svh;color:var(--auth-text);place-items:center;padding:64px 24px;display:grid;position:relative;overflow:hidden}.auth-page:before{z-index:-2;content:"";pointer-events:none;background:radial-gradient(circle at 48% -14%,#345ea036,#0000 38%),radial-gradient(circle at 4% 92%,#19376814,#0000 34%);position:absolute;inset:0}.auth-page:after{z-index:-1;content:"";opacity:.17;pointer-events:none;background-image:radial-gradient(#ffffff14 .45px,#0000 .45px);background-size:5px 5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.auth-panel{width:min(100%,460px)}.auth-brand{color:#f4f6faeb;letter-spacing:.38em;text-indent:.38em;width:fit-content;margin:0 auto 54px;font-size:25px;font-weight:400;line-height:1}.auth-brand span{color:var(--auth-blue)}.auth-heading{text-align:center;margin-bottom:35px}.auth-heading h1{color:var(--auth-text);letter-spacing:-.035em;margin:0;font-size:clamp(30px,3vw,36px);font-weight:560;line-height:1.14}.auth-heading p{color:var(--auth-muted);margin:12px 0 0;font-size:14px;line-height:1.5}.auth-form{gap:21px;display:grid}.auth-field{gap:9px;display:grid}.auth-field>span:first-child{color:#dce1e9;letter-spacing:-.01em;font-size:13px;font-weight:520;line-height:1.25}.auth-field>input,.password-control{border:1px solid var(--auth-line);background:#0d1118c7;border-radius:8px;width:100%;height:54px;transition:border-color .16s,background-color .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff05}.auth-field>input,.password-control input{color:var(--auth-text);outline:none;font-family:inherit;font-size:15px}.auth-field>input{padding:0 16px}.auth-field input::placeholder{color:#687182;opacity:1}.auth-field>input:hover:not(:disabled){background:#111721d1;border-color:#343d4a}.password-control:hover:not(:has(input:disabled)){background:#111721d1;border-color:#343d4a}.auth-field>input:focus,.password-control:focus-within{border-color:var(--auth-blue);background:#111721;box-shadow:0 0 0 3px #2775ff21}.auth-field>input[aria-invalid=true]{border-color:#ff6259b8}.password-control:has(input[aria-invalid=true]){border-color:#ff6259b8}.password-control{grid-template-columns:minmax(0,1fr) 50px;align-items:center;display:grid}.password-control input{background:0 0;border:0;min-width:0;height:100%;padding:0 0 0 16px}.password-control button{color:#7d8797;cursor:pointer;background:0 0;border-radius:7px;place-items:center;width:38px;height:38px;transition:background-color .16s,color .16s;display:grid}.password-control button:hover:not(:disabled){color:#d8dee8;background:#ffffff0b}.password-control button:focus-visible{outline:2px solid var(--auth-blue);outline-offset:1px}.password-control svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:19px}.auth-field small{color:var(--auth-muted);font-size:12px;line-height:1.4}.auth-feedback{min-height:22px;color:var(--auth-error);opacity:0;align-items:center;gap:8px;margin:-4px 0 -3px;font-size:13px;line-height:1.35;transition:opacity .16s,transform .16s;display:flex;transform:translateY(-2px)}.auth-feedback.is-visible{opacity:1;transform:translateY(0)}.auth-feedback.is-success{color:var(--auth-success)}.auth-feedback svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;flex:none;width:17px;height:17px}.auth-submit{background:var(--auth-blue);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;font-size:15px;font-weight:600;line-height:1;transition:background-color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 10px 28px #1456d733}.auth-submit:hover:not(:disabled){background:#3b82ff;transform:translateY(-1px);box-shadow:0 13px 34px #1456d745}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:focus-visible{outline-offset:3px;outline:3px solid #5692ff66}.auth-submit:disabled,.auth-field input:disabled,.password-control button:disabled{cursor:not-allowed;opacity:.62}.auth-submit svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:18px}.loading-icon{border:2px solid #ffffff61;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite auth-spin}.connection-status{color:#747e8e;justify-content:center;align-items:center;gap:9px;margin-top:27px;font-size:12px;line-height:1.4;display:flex}.connection-status>span{background:var(--auth-blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2775ff14}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (max-width:560px){.auth-page{align-items:start;padding:max(54px,9svh) 20px 36px;overflow:auto}.auth-brand{margin-bottom:46px;font-size:23px}.auth-heading{margin-bottom:31px}.auth-heading h1{font-size:29px}.auth-form{gap:19px}}@media (max-width:360px){.auth-page{padding-inline:16px}.auth-heading h1{font-size:27px}.connection-status{font-size:11px}}@media (prefers-reduced-motion:reduce){.auth-feedback,.auth-submit,.auth-field>input,.password-control,.password-control button{transition:none}.loading-icon{animation-duration:1.4s}}