[web] Add CIAM explanatory banner & misc. changes (#30115)

* Add CIAM explanatory banner to login page

* Center .ciam-card-footer on all sizes

* Move bottom padding to .ciam-layout

So it exists even when there is no footer

* Make every CIAM text input large

* Lint

GitOrigin-RevId: 3c5af9ffefdb064780e7818bf2fbe77c14562cd6

services/web/frontend/stylesheets/ciam/ciam-layout.scss

@@ -22,6 +22,9 @@
 }
 
 .ciam-layout {
+  // Allow room for the cookie banner
+  padding-bottom: var(--ds-spacing-2400);
+
   @include ciam-vertically-spaced;
 
   @include media-breakpoint-up(sm) {
@@ -42,9 +45,6 @@
   }
 
   footer {
-    // Allow room for the cookie banner
-    padding-bottom: 100px;
-
     .footer-links {
       display: flex;
       gap: var(--ds-spacing-600);
@@ -143,10 +143,6 @@
     color: var(--ds-color-text-secondary);
     margin-bottom: 0;
     text-align: center;
-
-    @include media-breakpoint-up(sm) {
-      text-align: start;
-    }
   }
 }
 

services/web/locales/en.json

@@ -338,6 +338,7 @@
   "choose_how_you_search_your_references": "Choose how you search your references",
   "choose_which_experiments": "Choose which experiments you’d like to try.",
   "choose_your_plan": "Choose your plan",
+  "ciam_info_login": "We’re making some changes to improve your login experience. You’ll start seeing a new look, including mentions of our parent company, Digital Science. Don’t worry, this won’t change your account or login options.",
   "citation": "Citation",
   "cite_a_reference_from_your_reference_manager_to_automatically_add_it_to_your_bib_file": "Cite a reference from your reference manager to automatically add it to your .bib file.",
   "cite_directly_or_import_references": "Cite directly or import references",