5f7a14fde8cdb24b01fc0e5eadba145bfd9ecb04
max
  Sat Jul 25 23:16:06 2026 -0700
hgLogin: social login (Google/ORCID), email login link, change email. refs #37929

diff --git src/hg/htdocs/style/userAccounts.css src/hg/htdocs/style/userAccounts.css
index b4a058fc739..605cd48009e 100644
--- src/hg/htdocs/style/userAccounts.css
+++ src/hg/htdocs/style/userAccounts.css
@@ -63,15 +63,50 @@
 .error {color: #bb2525;}
 label.error {
     margin: 0;
     background-color: #FFF9D2;
     padding: 2px 5px;
     width: 321px;
 }
 
 input.error {
     border: 1px solid #bb2525;
     -moz-box-shadow:    inset 0 1px 1px #b0b0b0;
     -webkit-box-shadow: inset 0 1px 1px #b0b0b0;
     box-shadow:         inset 0 1px 1px #b0b0b0;
     padding: 3px 2px;
 }
+
+/* Social login (Google/ORCID) buttons and the "or" divider. */
+.socialLogin {margin: 0.5em 0;}
+
+.orDivider {
+    text-align: center;
+    border-top: 1px solid #eed5b7;
+    line-height: 0.1em;
+    margin: 1.2em 0;
+}
+
+.orDivider span {
+    background: #fff9d2;
+    padding: 0 10px;
+}
+
+a.socialButton {
+    display: block;
+    box-sizing: border-box;
+    width: 100%;
+    margin: 8px 0;
+    padding: 9px 12px;
+    text-align: center;
+    font-weight: 700;
+    color: #222 !important;
+    background: #e0e0e0;
+    border: 1px solid #999;
+    border-radius: 3px;
+    text-decoration: none !important;
+}
+
+a.socialButton:hover {
+    background: #d5d5d5;
+    border-color: #666;
+}
\ No newline at end of file