Default to login mode and make signup toggle a prominent button

data/study-users.json

@@ -16,9 +16,9 @@
         "colossians"
       ],
       "createdAt": "2026-05-21T13:05:00.000Z",
-      "updatedAt": "2026-05-21T15:41:16.259Z",
+      "updatedAt": "2026-05-21T18:41:10.857Z",
       "lastLoginAt": "2026-05-21T15:41:16.259Z"
     }
   ],
-  "updatedAt": "2026-05-21T15:41:16.259Z"
+  "updatedAt": "2026-05-21T18:41:10.858Z"
 }

src/colossiansStudy.tsx

@@ -549,7 +549,7 @@ export function StudyLandingPage({ content }: Props) {
 
 export function StudySignupPage() {
   const navigate = useNavigate()
-  const [mode, setMode] = useState<'signup' | 'login'>('signup')
+  const [mode, setMode] = useState<'signup' | 'login'>('login')
   const [email, setEmail] = useState('')
   const [password, setPassword] = useState('')
   const [subscribeNewsletter, setSubscribeNewsletter] = useState(true)
@@ -645,12 +645,18 @@ export function StudySignupPage() {
                   {busy ? (mode === 'signup' ? 'Creating...' : 'Signing in...') : (mode === 'signup' ? 'Create Account' : 'Sign In')}
                 </button>
               </div>
-              <p className="study-signup-switch">
+              <div className="study-signup-actions" style={{ marginTop: '1rem' }}>
-                {mode === 'signup'
+                {mode === 'login' && (
-                  ? <><span>Already have an account? </span><button type="button" className="study-signup-toggle" onClick={() => { setMode('login'); setMessage('') }}>Sign in instead</button></>  
+                  <button type="button" className="btn-secondary" onClick={() => { setMode('signup'); setMessage('') }}>
-                  : <><span>New here? </span><button type="button" className="study-signup-toggle" onClick={() => { setMode('signup'); setMessage('') }}>Create a free account</button></>  
+                    Don't have an account? Sign up here
-                }
+                  </button>
-              </p>
+                )}
+                {mode === 'signup' && (
+                  <button type="button" className="btn-secondary" onClick={() => { setMode('login'); setMessage('') }}>
+                    Already have an account? Sign in instead
+                  </button>
+                )}
+              </div>
             </div>
 
             <div className="study-signup-why-grid" style={{ marginTop: '2rem' }}>