Change dynamic placeholder color in focus (link-hover-color). Add rules for size of container.

less/_import.less

@@ -17,6 +17,7 @@
 
 // Layout
 @import "section";
+@import "container";
 @import "tile";
 @import "card";
 

less/container.less

@@ -0,0 +1,11 @@
+.hook-container-misc() {
+  @media (max-width: @container-xlarge-max-width) {
+    .uk-container-large {
+      max-width: @container-max-width;
+    }
+
+    .uk-container-xlarge {
+      max-width: @container-large-max-width;
+    }
+  }
+}

less/input.less

@@ -26,6 +26,7 @@
   --input-background-focus: var(--input-background);
   --input-shadow-focus: var(--input-shadow);
   --input-border-focus: var(--input-border);
+  --input-color-focus: @global-link-hover-color;
   --input-border-style-focus: var(--input-border-style);
   /* Disabled */
   --input-color-disabled: @global-muted-color;
@@ -163,6 +164,10 @@
     & > .input-box {
       box-shadow: var(--input-shadow-focus);
       background: var(--input-background-focus);
+
+      & > .placeholder > label {
+        color: var(--input-color-focus);
+      }
     }
   }
 
@@ -182,7 +187,7 @@
   &.danger {
     border-color: var(--input-danger-color);
     & > .input-box {
-      & .input::placeholder, & .placeholder {
+      & .input::placeholder, & .placeholder, & > .placeholder > label {
         color: var(--input-danger-color);
       }