diff --git a/src/static_src/scss/_base.scss b/src/static_src/scss/_base.scss
index 7315e6c..6ce594e 100644
--- a/src/static_src/scss/_base.scss
+++ b/src/static_src/scss/_base.scss
@@ -89,9 +89,17 @@ body {
             display: flex;
             flex-direction: column;
             align-items: center;
-            gap: 0.5rem;
+            gap: 0.25rem;
             z-index: 50;
 
+            // Match .sky-field label — small, gold, uppercase, tracked.
+            label {
+                font-size: 0.6rem;
+                text-transform: uppercase;
+                letter-spacing: 0.1em;
+                color: rgba(var(--quaUser), 0.8);
+            }
+
             .form-control {
                 width: 24rem;
                 text-align: center;
diff --git a/src/static_src/scss/_sky.scss b/src/static_src/scss/_sky.scss
index 298c969..b5a546f 100644
--- a/src/static_src/scss/_sky.scss
+++ b/src/static_src/scss/_sky.scss
@@ -191,9 +191,28 @@ html.sky-open .sky-modal-wrap {
         color: rgba(var(--quaUser), 0.8);
     }
 
+    // Match the .form-control look used by the login email input —
+    // priUser fill, secUser gold border + text, pill rounding, terUser focus glow.
     input {
         width: 100%;
-        // inherits global input styles
+        background-color: rgba(var(--priUser), 1);
+        color: rgba(var(--secUser), 1);
+        border: 0.1rem solid rgba(var(--secUser), 0.5);
+        --_pad-v: 0.5rem;
+        padding: var(--_pad-v) 0.75rem;
+        border-radius: calc((var(--_pad-v) * 2 + 1em) / 3);
+        font-family: inherit;
+
+        &:focus {
+            outline: none;
+            border-color: rgba(var(--terUser), 0.75);
+            box-shadow: 0 0 0.75rem rgba(var(--terUser), 0.5);
+        }
+
+        &[readonly] {
+            opacity: 0.6;
+            cursor: default;
+        }
     }
 
     small {