.auth-page{--auth-ink:#17181a;--auth-ink-soft:#71717a;--auth-ink-faint:#a1a1aa;--auth-field:#f4f4f5;--auth-accent:#14b8a6;--auth-accent-hover:#0f9f8f;--auth-radius:8px;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));font-family:var(--font-hanken), "Hanken Grotesk", sans-serif;color:var(--auth-ink);background-color:#fff;background-image:radial-gradient(120% 80% at 0 100%,#f4bbad38,#0000 58%),radial-gradient(100% 70% at 100% 0,#f3cdb82e,#0000 55%),radial-gradient(90% 65% at 100% 100%,#d6c5eb1f,#0000 52%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:320px;animation:.55s cubic-bezier(.22,1,.36,1) both auth-enter}@keyframes auth-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-logo{width:auto;height:48px;margin:0 auto 44px;display:block}.auth-oauth{flex-direction:column;gap:8px;display:flex}.auth-oauth-btn{border-radius:var(--auth-radius);background:var(--auth-field);width:100%;color:var(--auth-ink);font:inherit;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.auth-oauth-btn:hover:not(:disabled){background:#ececee}.auth-oauth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-divider{color:var(--auth-ink-faint);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin:22px 0;font-size:11px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e4e4e7;flex:1;height:1px}.auth-fields{flex-direction:column;gap:8px;display:flex}.auth-field{border-radius:var(--auth-radius);background:var(--auth-field);cursor:text;align-items:center;gap:12px;padding:14px 16px;display:flex}.auth-field:focus-within{outline-offset:-2px;outline:2px solid #14b8a659}.auth-field-icon{width:18px;height:18px;color:var(--auth-ink-faint);stroke-width:1.75px;flex-shrink:0}.auth-field input{min-width:0;font:inherit;color:var(--auth-ink);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:15px}.auth-field input::placeholder{color:var(--auth-ink-faint)}.auth-message{margin-top:12px;font-size:13px;line-height:1.45}.auth-message--error{color:#b91c1c}.auth-message--success{color:#0f766e}.auth-submit{border-radius:var(--auth-radius);background:var(--auth-accent);color:#fff;width:100%;font:inherit;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:none;margin-top:22px;padding:15px 16px;font-size:12px;font-weight:700;transition:background .15s}.auth-submit:hover:not(:disabled){background:var(--auth-accent-hover)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;color:var(--auth-ink-soft);margin-top:22px;font-size:13px}.auth-footer a{color:var(--auth-ink);align-items:center;gap:4px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.auth-footer a:hover{color:var(--auth-accent)}.auth-footer-arrow{stroke-width:2px;width:14px;height:14px}