.elementor-1927 .elementor-element.elementor-element-4903f16{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-1927 .elementor-element.elementor-element-4903f16.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-82790c5{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1927 .elementor-element.elementor-element-bc025ee{--display:flex;--min-height:200px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:20px 20px 20px 20px;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-1927 .elementor-element.elementor-element-bc025ee:not(.elementor-motion-effects-element-type-background), .elementor-1927 .elementor-element.elementor-element-bc025ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a7ceea4 );background-image:url("https://store.amstergoat.com/wp-content/uploads/2025/09/2c683d-12.webp");background-position:bottom right;background-size:cover;}.elementor-1927 .elementor-element.elementor-element-03b8127{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-1927 .elementor-element.elementor-element-e1c41ab .elementor-heading-title{color:var( --e-global-color-d8899ec );}.elementor-1927 .elementor-element.elementor-element-cd5194f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-1927 .elementor-element.elementor-element-490f393{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:200px;--padding-left:100px;--padding-right:100px;}.elementor-1927 .elementor-element.elementor-element-490f393:not(.elementor-motion-effects-element-type-background), .elementor-1927 .elementor-element.elementor-element-490f393 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a7ceea4 );background-image:url("https://store.amstergoat.com/wp-content/uploads/2025/10/2c683d-12-e1761892309500.webp");background-position:bottom center;background-size:cover;}.elementor-1927 .elementor-element.elementor-element-4917217{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1927 .elementor-element.elementor-element-0c3b168{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-1927 .elementor-element.elementor-element-00f353a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-00f353a img{border-radius:30px 30px 30px 30px;box-shadow:0px 0px 41px -13px rgba(0,0,0,0.5);}.elementor-1927 .elementor-element.elementor-element-a688075{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-a688075.e-con{--align-self:center;}.elementor-1927 .elementor-element.elementor-element-3ed071a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-3ed071a.elementor-element{--align-self:stretch;}body.elementor-page-1927:not(.elementor-motion-effects-element-type-background), body.elementor-page-1927 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a595f2d );}@media(min-width:768px){.elementor-1927 .elementor-element.elementor-element-4903f16{--content-width:1600px;}.elementor-1927 .elementor-element.elementor-element-03b8127{--width:100%;}.elementor-1927 .elementor-element.elementor-element-0c3b168{--width:60%;}.elementor-1927 .elementor-element.elementor-element-a688075{--width:40%;}}@media(max-width:1024px){.elementor-1927 .elementor-element.elementor-element-4903f16{--margin-top:165px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-82790c5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1927 .elementor-element.elementor-element-bc025ee{--padding-top:36px;--padding-bottom:42px;--padding-left:0px;--padding-right:0px;}.elementor-1927 .elementor-element.elementor-element-03b8127{--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:0%;}}@media(max-width:767px){.elementor-1927 .elementor-element.elementor-element-4903f16{--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1927 .elementor-element.elementor-element-bc025ee:not(.elementor-motion-effects-element-type-background), .elementor-1927 .elementor-element.elementor-element-bc025ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-1927 .elementor-element.elementor-element-bc025ee{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-03b8127{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:25px;--padding-right:25px;}.elementor-1927 .elementor-element.elementor-element-cd5194f{--margin-top:20px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1927 .elementor-element.elementor-element-490f393:not(.elementor-motion-effects-element-type-background), .elementor-1927 .elementor-element.elementor-element-490f393 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom right;}.elementor-1927 .elementor-element.elementor-element-490f393{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-1927 .elementor-element.elementor-element-0c3b168{--width:500px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1927 .elementor-element.elementor-element-0c3b168.e-con{--align-self:center;}.elementor-1927 .elementor-element.elementor-element-00f353a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-a688075{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1927 .elementor-element.elementor-element-3ed071a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 010px 0px 010px;}}/* Start custom CSS for container, class: .elementor-element-03b8127 */@media screen and (max-width: 1617px) and (min-width: 1025px) {
  .elementor-1927 .elementor-element.elementor-element-03b8127 .elementor-element-populated{
 padding: 9% 4% 5% 9%;
}
.elementor-1927 .elementor-element.elementor-element-03b8127 .aux-modern-heading-secondary{
    font-size: 96px;
    max-width:250px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4903f16 */.elementor-1927 .elementor-element.elementor-element-4903f16 .elementor-container:hover .elementor-section-boxed{
    box-shadow: 0px 20px 40px 0px rgba(81,236,144,0.37);
    border-radius: 25px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3ed071a *//* === Global Button Style (Login / Register) === */
#um-submit-btn,
input[type="submit"].um-button {
  background: #004DB4;
  color: #ffffff;
  border: none;
  border-radius: 20px;
  padding: 12px 0;
  font-weight: 600;
  width: 100%;
  transition: all 0.3s ease;
}

#um-submit-btn:hover,
input[type="submit"].um-button:hover {
  background: #003a8c;
}

/* Link sekunder (Forgot Password, Logout menu) */
.um-col-alt-b a.um-link-alt,
.um-misc-ul li a {
  color: #004DB4;
  text-decoration: none;
  transition: all 0.3s ease;
}

.um-misc-ul li a:hover {
  background: #004DB4;
  color: #ffffff;
}

/* === Register Form Container === */
.um.um-register {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  padding: 30px 80px;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05);
  max-width: 450px;
  margin: 0 auto;
  font-family: 'Poppins', sans-serif;
}

/* Label field */
.um-field-label label {
  font-weight: 600;
  color: #333;
  font-size: 14px;
  margin-bottom: 8px;
}

/* Input field */
.um-form-field {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 12px;
  background-color: #fafafa;
  font-size: 14px;
  color: #333;
  transition: all 0.3s ease;
}

/* Fokus input */
.um-form-field:focus {
  border-color: #004DB4;
  background-color: #fff;
  box-shadow: 0 0 0 2px rgba(0, 77, 180, 0.15);
  outline: none;
}

/* Tombol sekunder (Login link) */
.um-button.um-alt {
  background: transparent;
  border: 2px solid #004DB4;
  color: #004DB4;
  border-radius: 20px;
  padding: 10px 0;
  font-weight: 600;
  width: 100%;
  text-align: center;
  transition: all 0.3s ease;
}

.um-button.um-alt:hover {
  background: #004DB4;
  color: #fff;
}

/* Error message */
.um-field-error, .um-error-block {
  background-color: #e74c3c;
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 13px;
  margin-top: 10px;
}

/* Responsif */
@media (max-width: 500px) {
  .um.um-register {
    padding: 25px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a688075 *//* ===== Wrapper card UM Login ===== */
.um.um-login {
  max-width: 400px;
  margin: 60px auto;
  background: #ffffff;
  border-radius: 18px;
  padding: 40px 35px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.08);
  font-family: 'Inter', sans-serif;
}

/* ===== Field wrapper ===== */
.um-form .um-field {
  margin-bottom: 20px;
}

/* ===== Label ===== */
.um-form .um-field-label label {
  font-weight: 600;
  font-size: 14px;
  color: #334155;
  margin-bottom: 6px;
  display: block;
}

/* ===== Input ===== */
.um-form input[type="text"],
.um-form input[type="password"],
.um-form input[type="email"] {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #f9fafb;
  font-size: 14px;
  transition: all 0.3s ease;
}

.um-form input:focus {
  border-color: #0ea5e9;
  outline: none;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(14,165,233,0.15);
}

/* ===== Tombol Login / Register ===== */
.um input[type=submit].um-button {
  background: linear-gradient(90deg, #0ea5e9, #06b6d4);
  border: none;
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
  padding: 12px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
  margin-top: 5px;
  box-shadow: 0 5px 18px rgba(14,165,233,0.35);
}

.um input[type=submit].um-button:hover {
  background: linear-gradient(90deg, #0284c7, #0891b2);
  transform: translateY(-2px);
}

/* ===== Link Register / Forgot Password ===== */
.um .um-alt a {
  color: #0ea5e9;
  font-size: 13px;
  text-decoration: none;
  transition: color 0.3s ease;
}

.um .um-alt a:hover {
  color: #0284c7;
}

/* ===== Error / Notice Styling ===== */
.um .um-field-error {
  color: #dc2626;
  font-size: 13px;
  margin-top: 5px;
}

.um .um-notice {
  border-radius: 10px;
  padding: 12px;
  font-size: 14px;
}/* End custom CSS */