.login-page{--auth-artwork:url(/images/auth-abstracts/signal-flow-v1.png?v=2);isolation:isolate;width:100%;min-height:100svh;color:var(--white);background:#000;grid-template-rows:88px minmax(0,1fr);padding-bottom:48px;display:grid;position:relative;overflow-x:hidden}.login-page:before{z-index:-2;background-image:linear-gradient(180deg, #0003, #0000007a), var(--auth-artwork);content:"";filter:blur(3px)brightness(.68)saturate(.72);opacity:.64;pointer-events:none;background-position:50%,50%;background-repeat:no-repeat;background-size:cover,cover;position:fixed;inset:-24px;transform:scale(1.018)}.login-page:after{z-index:-1;content:"";pointer-events:none;background:radial-gradient(48% 24% at 50% 45%,#ffffff05,#0000 72%),linear-gradient(#ffffff02,#0000 36%);position:fixed;inset:0}.login-header{z-index:2;justify-content:space-between;align-items:center;width:100%;padding:0 clamp(22px,3vw,54px);display:flex;position:relative}.login-brand{border-radius:999px;place-items:center;width:54px;height:54px;display:grid}.login-brand img{object-fit:contain;filter:drop-shadow(0 9px 22px #f1600133);width:54px;height:54px;display:block}.login-site-link{color:#eff1f4c2;letter-spacing:-.015em;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:0 14px;font-family:Arial Narrow,TeX Gyre Heros Cn,Arial,sans-serif;font-size:14px;font-weight:650;text-decoration:none;display:flex}.login-site-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:18px;height:18px}.login-card{background:var(--surface);border:1px solid #ecf0f50d;border-radius:14px;place-self:center;width:min(540px,100% - 32px);min-width:0;margin:24px auto 40px;padding:36px 38px 32px;display:grid;box-shadow:0 24px 70px #00000038}.auth-secondary-page{overflow-y:auto}.auth-register-page{--auth-artwork:url(/images/auth-abstracts/orbital-arcs-v1.png)}.auth-recovery-page{--auth-artwork:url(/images/auth-abstracts/recovery-folds-v1.png?v=2)}.auth-secondary-page .login-card{align-self:start;margin-top:clamp(24px,6vh,68px)}.login-card-copy h1{color:#f8f8f9f7;letter-spacing:-.026em;margin:0;font-size:32px;font-weight:600;line-height:1.08}.login-card-copy p{color:var(--gray-light);margin:11px 0 0;font-size:14px;line-height:1.5}.login-form{min-width:0;margin-top:29px;display:grid}.login-field{gap:9px;min-width:0;display:grid}.login-field+.login-field{margin-top:17px}.login-field>span:first-child{color:#e1e4e9d1;font-size:13.5px}.login-field>span:first-child em{color:#9ea0a58a;margin-left:5px;font-size:11.5px;font-style:normal}.login-field>input,.login-field>select,.password-input{width:100%;height:54px;box-shadow:none;background:#020304b8;border:1px solid #ecf0f50d;border-radius:11px;transition:border-color .8s cubic-bezier(.4,0,.2,1),background-color .8s cubic-bezier(.4,0,.2,1),box-shadow .8s cubic-bezier(.4,0,.2,1)}.login-field>input,.login-field>select,.password-input input{color:#f2f4f7eb;font:inherit;outline:none;font-size:15px}.login-field>input{padding:0 16px}.login-field>select{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:0 16px}.login-field input::placeholder{color:#9ea0a585}.login-field>input:focus,.login-field>select:focus,.password-input:focus-within{background-color:#050607d1;border-color:#f160012e;box-shadow:0 0 0 3px #f1600106}.login-field>input:disabled{cursor:not-allowed;opacity:.52}.login-field-hint{color:#9ea2a894;font-size:11.5px;line-height:1.45}.password-input{grid-template-columns:minmax(0,1fr) 52px;align-items:center;display:grid;overflow:hidden}.password-input input{background:0 0;border:0;min-width:0;height:100%;padding:0 0 0 16px}.password-input button{color:#bec2c7b8;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-self:center;place-items:center;width:40px;height:40px;display:grid}.password-input svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px}.login-options{justify-content:space-between;align-items:center;gap:18px;min-width:0;margin-top:18px;font-size:13px;display:flex}.remember-option{color:#e0e2e6c7;cursor:pointer;align-items:center;gap:9px;display:flex}.remember-option input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.remember-option span{color:#0000;background:0 0;border:1px solid #ecf0f51f;border-radius:6px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;line-height:1;transition:border-color .8s cubic-bezier(.4,0,.2,1),background-color .8s cubic-bezier(.4,0,.2,1),box-shadow .8s cubic-bezier(.4,0,.2,1),color .8s cubic-bezier(.4,0,.2,1);display:grid}.remember-option input:checked+span{color:#fff;background:#c9340ab8;border-color:#f160017a;box-shadow:0 0 10px #f160011a}.login-options>a,.login-register a{color:#ee6f37e6;text-decoration:none;transition:color .8s cubic-bezier(.4,0,.2,1)}.login-options>a:hover,.login-register a:hover{color:#ff9560}.login-submit{z-index:0;isolation:isolate;background-color:#0000;background-image:var(--active-gradient-resting);color:#fffffff5;cursor:pointer;letter-spacing:-.015em;text-shadow:0 0 8px #ffffff3d;background-repeat:no-repeat;background-size:cover;border:1px solid #0000;border-radius:12px;width:100%;min-height:54px;margin-top:25px;font-family:Arial Narrow,TeX Gyre Heros Cn,Arial,sans-serif;font-size:15px;font-weight:650;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 8px 28px #c1080121}.login-submit:after{z-index:-1;border-radius:inherit;background:var(--active-gradient);content:"";opacity:0;pointer-events:none;transition:opacity .8s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.login-submit:hover:after{opacity:1}.login-submit:disabled{cursor:wait;opacity:.45}.login-message{color:#ffb9b4e6;text-align:left;background:#5c13111f;border:1px solid #e1524a2e;border-radius:10px;margin:13px 0 -2px;padding:10px 12px;font-size:12.5px;line-height:1.45}.login-message.is-success{color:#9de1b3f0;background:#17522b29;border-color:#49bb7024}.auth-divider{color:#9da0a575;align-items:center;gap:12px;margin:22px 0 16px;font-size:11.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ecf0f50e;flex:1;height:1px}.discord-auth-button{isolation:isolate;color:#fff;letter-spacing:-.01em;background:#5865f2;border:1px solid #5865f2;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:52px;font-family:Arial Narrow,TeX Gyre Heros Cn,Arial,sans-serif;font-size:14px;font-weight:650;text-decoration:none;transition:border-color .8s cubic-bezier(.4,0,.2,1),background-color .8s cubic-bezier(.4,0,.2,1),box-shadow .8s cubic-bezier(.4,0,.2,1),color .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:scale(1);box-shadow:0 9px 25px #5865f226}.discord-auth-button:after{z-index:-1;content:"";opacity:0;background:linear-gradient(115deg,#0000 12%,#e0e3ff2e 48%,#0000 82%);transition:opacity .8s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.discord-auth-button:hover{color:#fff;background-color:#5865f2;border-color:#5865f2;transform:scale(1.012);box-shadow:0 12px 32px #5865f240,0 0 24px #5865f21f}.discord-auth-button:hover:after{opacity:1}.discord-auth-button:active{transition-duration:.4s;transform:scale(.992)}.discord-auth-button img{object-fit:contain;width:24px;height:18px;display:block}.discord-auth-note{color:#9da0a580;text-align:center;margin:12px 8px 0;font-size:11.5px;line-height:1.5}.discord-profile{background:#04050694;border:1px solid #ecf0f50e;border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;margin-top:24px;padding:11px 13px;display:grid}.discord-profile img,.discord-profile-fallback{color:#ff9763e6;object-fit:cover;background:#f160011f;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.discord-profile>span:not(.discord-profile-fallback){gap:3px;min-width:0;display:grid}.discord-profile strong,.discord-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.discord-profile strong{color:#f0f2f5e6;font-size:13px}.discord-profile small{color:#a1a4a98f;font-size:11.5px}.discord-profile b{color:#84d29dc7;font-size:10.5px;font-weight:600}.auth-requirements{color:#9b9fa58f;border-top:1px solid #ecf0f50b;gap:4px;margin-top:18px;padding-top:16px;font-size:11.5px;line-height:1.45;display:grid}.auth-requirements strong{color:#dcdfe3bd;font-size:12px;font-weight:600}.auth-loading-copy{min-height:76px}.login-register{color:#b5b8bdad;text-align:center;margin:23px 0 0;font-size:14px}@media (max-width:680px){.login-page{grid-template-rows:76px minmax(0,1fr);padding-bottom:24px}.login-header{padding:0 16px}.login-brand,.login-brand img{width:46px;height:46px}.login-site-link{min-height:38px;padding-inline:11px;font-size:12.5px}.login-card,.auth-secondary-page .login-card{border-radius:13px;align-self:start;width:calc(100% - 24px);margin:18px auto 24px;padding:28px 20px 24px}.login-card-copy h1{font-size:28px}.login-card-copy p{font-size:13px}.login-form{margin-top:25px}.login-field>input,.login-field>select,.password-input{height:52px}.login-options{align-items:flex-start;font-size:12px}.login-submit{min-height:52px;margin-top:22px}.login-register{margin-top:20px;font-size:13px}.discord-profile{grid-template-columns:38px minmax(0,1fr)}.discord-profile img,.discord-profile-fallback{width:38px;height:38px}.discord-profile b{display:none}}@media (max-width:420px){.login-site-link span{display:none}.login-options{flex-direction:column;align-items:stretch;gap:12px}}@media (prefers-reduced-motion:reduce){.login-page *,.login-page :before,.login-page :after{transition-duration:1ms!important}}
