@layer components{.auth{--auth-brand:#0a5fe0;--auth-brand-2:#0577b8;--auth-text:#10162b;--auth-label:#2a3145;--auth-muted:#5b6275;--auth-border:#d5d9e2;--auth-line:#e3e6ec;min-height:100vh;color:var(--auth-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fcfcfd;display:flex}.auth a{color:var(--auth-text)}.auth a:hover{color:#0a4fc2}.auth input::placeholder{color:#8a91a3}.auth__main{border-right:1px solid #eceef2;flex-direction:column;flex-shrink:0;width:664px;padding:24px 32px;display:flex}.auth__main>a{align-self:flex-start}.auth__form{flex-direction:column;width:100%;max-width:364px;margin:auto;padding:48px 0;display:flex}.auth__form h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:500}.auth__sub{color:var(--auth-muted);margin:6px 0 0;font-size:13px}.auth__providers{flex-direction:column;gap:14px;margin-top:32px;display:flex}.auth__last-used{border:1px solid var(--auth-border);border-radius:10px;margin:-4px;padding:4px;position:relative}.auth__badge{letter-spacing:.06em;color:#0a4fc2;background:#d9ecff;border:1px solid #7cbcff;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:600;position:absolute;top:-9px;right:-12px}.auth__provider{border:1px solid var(--auth-border);width:100%;height:40px;color:var(--auth-text);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:10px;font-size:14px;transition:background .15s,border-color .15s;display:flex}.auth__provider:hover{background:#f7f8fa;border-color:#c3c8d4}.auth__provider--sso{color:#0a4fc2;background:#eef4ff;border-color:#a9c4f5;font-weight:500}.auth__provider--sso:hover{border-color:var(--auth-brand);background:#e1ebff}.auth__or{color:var(--auth-muted);align-items:center;gap:12px;margin:24px 0;font-size:13px;display:flex}.auth__or span{background:var(--auth-line);flex-grow:1;height:1px}.auth__field{flex-direction:column;gap:8px;display:flex}.auth__field label{color:var(--auth-label);font-size:13px}.auth__field input{border:1px solid var(--auth-border);width:100%;height:38px;color:var(--auth-text);background:#fff;border-radius:7px;outline-color:#3ab8ff;padding:0 12px;font-size:14px}.auth__label-row{justify-content:space-between;align-items:baseline;display:flex}.auth__label-row a{color:var(--auth-muted);font-size:13px}.auth__pw{position:relative}.auth__pw input{padding-right:44px}.auth__pw button{border:1px solid var(--auth-line);width:30px;height:30px;color:var(--auth-muted);cursor:pointer;background:#f4f5f8;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:4px;right:4px}.auth__pw button:hover{color:var(--auth-text)}.auth__submit{background:linear-gradient(90deg, var(--auth-brand), var(--auth-brand-2));color:#fff;cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;height:40px;margin-top:32px;font-size:14px;font-weight:500;transition:filter .15s;display:flex}.auth__submit:hover{filter:brightness(1.1)}.auth__signup{text-align:center;color:var(--auth-muted);margin:36px 0 0;font-size:13px}.auth__signup a{text-decoration:underline}.auth__brand{background:#f7f8fa;flex-grow:1;justify-content:center;align-items:center;padding:64px;display:flex}.auth__brand img{width:460px;max-width:100%;height:auto}@media (max-width:1100px){.auth__main{width:50%}}@media (max-width:820px){.auth__main{border-right:0;width:100%;padding:20px 16px}.auth__brand{display:none}.auth__badge{right:-4px}}.auth__error{color:#c0271d;margin:0;font-size:12px}.auth__field input[aria-invalid=true]{border-color:#e5484d}.auth__check{color:var(--auth-muted);cursor:pointer;align-items:flex-start;gap:10px;margin-top:20px;font-size:13px;display:flex}.auth__check input{accent-color:var(--auth-brand);margin-top:2px}.auth__check a{text-decoration:underline}.auth__notice{color:#0b3d7a;background:#eef6ff;border:1px solid #b9dcff;border-radius:8px;margin:20px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.auth__notice--error{color:#8a1c14;background:#fff1f0;border-color:#f5c2bf}.auth__submit:disabled{opacity:.6;cursor:default;filter:none}.auth__link-button{font:inherit;color:var(--auth-text);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}}
