style: add more spacing to all login form elements

Author: ddrayko

public/css/style.css

@@ -291,17 +291,17 @@ a:hover { color: var(--accent-1); }
 .auth-title {
   font-size: 1.6rem;
   font-weight: 700;
-  margin-bottom: 6px;
+  margin-bottom: 8px;
 }
 
 .auth-subtitle {
   font-size: 0.9rem;
   color: var(--text-secondary);
-  margin-bottom: 36px;
+  margin-bottom: 40px;
 }
 
 .form-group {
-  margin-bottom: 20px;
+  margin-bottom: 26px;
 }
 
 .form-group label {
@@ -316,7 +316,7 @@ a:hover { color: var(--accent-1); }
 
 .form-group input, .form-group select, .form-group textarea {
   width: 100%;
-  padding: 12px 16px;
+  padding: 14px 18px;
   background: var(--bg-secondary);
   border: 1px solid var(--border);
   border-radius: var(--radius-sm);
@@ -484,7 +484,7 @@ cap-widget {
   font-size: 0.9rem;
   font-weight: 600;
   border-radius: var(--radius-md);
-  padding: 12px 22px;
+  padding: 14px 24px;
   border: none;
   cursor: pointer;
   text-decoration: none;
@@ -588,7 +588,7 @@ cap-widget {
 
 .auth-footer {
   text-align: center;
-  margin-top: 24px;
+  margin-top: 32px;
   font-size: 0.88rem;
   color: var(--text-secondary);
 }

public/js/app.js

@@ -563,8 +563,8 @@ function renderLoginPage() {
             <button type="submit" class="btn btn-primary btn-full" id="login-btn">
               Sign In
             </button>
-            <div style="position:relative;margin:12px 0;text-align:center">
-              <span style="background:#1c1712;padding:0 12px;color:var(--text-muted);font-size:0.8rem">or</span>
+            <div style="position:relative;margin:20px 0;text-align:center">
+              <span style="background:#1c1712;padding:0 14px;color:var(--text-muted);font-size:0.85rem">or</span>
             </div>
             <button type="button" class="btn btn-ghost btn-full" id="passkey-login-btn" style="border:1px solid var(--border)">
               <i data-lucide="fingerprint" style="width:16px;height:16px"></i>