.auth-page{max-width:420px;margin:0 auto;padding:60px 45px}@media (max-width:400px){.auth-page{padding:40px 24px}}.auth-page h1{margin:0 0 8px;font-size:32px}.auth-intro{opacity:.8;margin-top:0;margin-bottom:32px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{opacity:.85;font-size:14px}.auth-field input{font:inherit;color:inherit;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:6px;padding:10px 12px}.auth-field input:focus{outline-offset:1px;outline:2px solid #fff9}.auth-hint{opacity:.65;font-size:13px}.auth-field-inline{flex-direction:row;align-items:center;gap:8px}.auth-field-inline label{font-size:inherit;opacity:1}.auth-submit{font:inherit;border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-text-inverse);cursor:pointer;border-radius:6px;margin-top:8px;padding:10px 16px}.auth-submit:hover:not(:disabled){background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.auth-submit:disabled{opacity:.6;cursor:default}.google-submit{text-align:center;color:#1f1f1f;background:#fff;border-color:#fff;text-decoration:none;display:block}.google-submit:hover{background:#e8e8e8;border-color:#e8e8e8}.auth-error{color:#ff8080;margin:0;font-size:14px}.auth-success{color:#8fd694;margin:0;font-size:14px}.auth-links{opacity:.85;margin-top:24px;font-size:14px}