*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login{--ink:#eef3fb;--placeholder:#8396b2;--field-bg:#ffffff0f;--field-line:#c4daf52e;--field-focus:#8ec9ff;--button:#2f6fe4;--button-hover:#4a84f0;--button-ink:#fff;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;word-spacing:.06em;font-family:Plus Jakarta Sans,Segoe UI,system-ui,sans-serif;font-size:16px;position:relative;overflow:hidden}.login-art{z-index:0;background-position:50%;background-size:cover;position:fixed;inset:0}.login-grain{z-index:1;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.login-main{z-index:2;justify-content:center;align-items:center;min-height:100vh;padding:48px 20px;display:flex;position:relative}.login-card{border-radius:8px;flex-direction:column;gap:12px;width:100%;max-width:440px;padding:44px 40px 40px;display:flex}.login-logo{width:auto;height:30px;margin:0 auto 18px;display:block}.login-field input{width:100%;height:48px;font:inherit;color:var(--ink);background:var(--field-bg);border:1px solid var(--field-line);border-radius:5px;padding:0 16px;font-size:16px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:block}.login-field input::placeholder{color:var(--placeholder);opacity:1}.login-field input:focus{border-color:var(--field-focus);box-shadow:0 0 0 4px color-mix(in srgb, var(--field-focus) 22%, transparent);outline:none}.login-field input:-webkit-autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s}.login-button{cursor:pointer;height:48px;font:inherit;color:var(--button-ink);background:var(--button);border:0;border-radius:5px;margin-top:6px;font-size:15px;font-weight:600;transition:background-color .15s,transform .15s}.login-button:hover{background:var(--button-hover)}.login-button:active{transform:translateY(1px)}.login-button:focus-visible{outline:3px solid var(--field-focus);outline-offset:3px}.login-error{color:#ffb3aa;background:#f07a6e24;border:1px solid #f07a6e4d;border-radius:5px;margin:0 0 4px;padding:12px 14px;font-size:14px}.login-2,.login-2 .login-art{background:#07101e}.login-ridges{background-position:bottom;background-size:cover;position:absolute;inset:0}.login-stars{z-index:1;pointer-events:none;opacity:.7;background-image:radial-gradient(1px 1px at 12% 18%,#fff,#0000),radial-gradient(1px 1px at 27% 8%,#dbe8ff,#0000),radial-gradient(1.5px 1.5px at 41% 26%,#fff,#0000),radial-gradient(1px 1px at 58% 12%,#fff,#0000),radial-gradient(1px 1px at 66% 31%,#cfe0ff,#0000),radial-gradient(1.5px 1.5px at 79% 6%,#fff,#0000),radial-gradient(1px 1px at 88% 22%,#fff,#0000),radial-gradient(1px 1px at 6% 40%,#dbe8ff,#0000),radial-gradient(1px 1px at 35% 44%,#fff,#0000),radial-gradient(1px 1px at 94% 41%,#fff,#0000),radial-gradient(1px 1px at 50% 4%,#fff,#0000),radial-gradient(1px 1px at 72% 48%,#dbe8ff,#0000);position:absolute;inset:0 0 45%}.login-ridges{z-index:2}.login-2 .login-card{-webkit-backdrop-filter:blur(20px)saturate(1.2);background:#0a162a80;border:1px solid #d6e6f829;box-shadow:0 30px 90px -20px #030812b3,inset 0 1px #ffffff14}.login-2 .login-logo{color:#fff}.login-2{--field-bg:#ffffff14;--field-line:#d6e6f838;--placeholder:#9db1cb;--field-focus:#b9dcff;--button:#eef4fb;--button-hover:#fff;--button-ink:#0a1424}@media (width<=480px){.login-card{padding:32px 22px 24px}}.login-brand{flex-direction:column;align-items:center;gap:10px;margin-bottom:14px;display:flex}.login-brand .login-logo{margin:0}.login-name{letter-spacing:-.01em;font-size:20px;font-weight:700}.login-title{text-align:center;margin:0 0 2px;font-size:17px;font-weight:600}.login-help{text-align:center;color:#b9c7da;margin:0 0 4px;font-size:14px;line-height:1.5}.login-status{color:#a8ebc9;background:#55c59124;border:1px solid #55c5914d;border-radius:5px;margin:0 0 4px;padding:12px 14px;font-size:14px}.login-or{color:#9db1cb;align-items:center;gap:12px;margin:6px 0;font-size:13px;display:flex}.login-or:before,.login-or:after{content:"";background:#d6e6f82e;flex:1;height:1px}.login-secondary{cursor:pointer;height:48px;font:inherit;color:var(--ink);background:0 0;border:1px solid #d6e6f852;border-radius:5px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;transition:background-color .15s;display:flex}.login-secondary:hover{background:#ffffff14}.login-secondary:disabled{opacity:.55;cursor:not-allowed}.login-secondary svg{width:20px;height:20px}.login-links{justify-content:space-between;gap:12px;margin-top:6px;font-size:13.5px;display:flex}.login-links a,.login-link-button{color:#b9dcff;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.login-links a:hover,.login-link-button:hover{text-decoration:underline}.login-remember{color:#c9d6e8;align-items:center;gap:8px;font-size:14px;display:flex}.login-remember input{accent-color:#b9dcff;width:16px;height:16px}.login-code input{text-align:center;letter-spacing:.4em;font-variant-numeric:tabular-nums;font-size:24px!important}.login-field-error{color:#ffb3aa;margin:-4px 0 0;font-size:13px}.login-card form{flex-direction:column;gap:12px;margin:0;display:flex}.login-card [hidden]{display:none!important}