.elementor-3843 .elementor-element.elementor-element-3f39034{--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;}.elementor-3843 .elementor-element.elementor-element-3f39034:not(.elementor-motion-effects-element-type-background), .elementor-3843 .elementor-element.elementor-element-3f39034 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFAF4;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3843 .elementor-element.elementor-element-1e9e0d3{text-align:center;}.elementor-3843 .elementor-element.elementor-element-1e9e0d3 .elementor-heading-title{color:#494949;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3843 .elementor-element.elementor-element-33b2d2d{text-align:center;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS for container, class: .elementor-element-3f39034 *//* ===== ETOPIK LOGIN PAGE ===== */
.etopik-login {
  max-width: 420px;
  margin: 60px auto;
  padding: 40px 36px;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 20px 40px rgba(0,0,0,.08);
}

/* tiêu đề */
.etopik-login h1,
.etopik-login h2 {
  text-align: center;
  margin-bottom: 10px;
}

/* mô tả */
.etopik-login p {
  text-align: center;
  color: #6b7280;
  margin-bottom: 18px;
  font-size: 14px;
}

/* form login */
.etopik-login form {
  margin-top: 20px;
}

/* label */
.etopik-login label {
  font-weight: 600;
  font-size: 13px;
  color: #374151;
}

/* input */
.etopik-login input[type="text"],
.etopik-login input[type="password"] {
  width: 100%;
  padding: 12px 14px;
  margin-top: 6px;
  margin-bottom: 14px;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  font-size: 14px;
}

/* focus */
.etopik-login input:focus {
  outline: none;
  border-color: #2f80ed;
  box-shadow: 0 0 0 3px rgba(47,128,237,.15);
}

/* remember me */
.etopik-login .login-remember {
  margin-bottom: 14px;
  font-size: 13px;
}

/* button */
.etopik-login input[type="submit"] {
  width: 100%;
  padding: 12px;
  border-radius: 12px;
  background: linear-gradient(135deg, #2f80ed, #56ccf2);
  color: #fff;
  font-weight: 700;
  border: none;
  cursor: pointer;
  font-size: 15px;
}

.etopik-login input[type="submit"]:hover {
  opacity: .95;
}

/* quên mật khẩu */
.etopik-login a {
  display: block;
  text-align: center;
  margin-top: 14px;
  color: #2f80ed;
  font-size: 14px;
  text-decoration: none;
}

.etopik-login a:hover {
  text-decoration: underline;
}
/* khung form */
.etopik-login form {
  max-width: 360px;
  margin: 0 auto;
}

/* input gọn hơn */
.etopik-login input[type="text"],
.etopik-login input[type="password"] {
  width: 100%;
  padding: 11px 14px;
  border-radius: 10px;
  font-size: 14px;
}
/* nền tổng thể */
body.page-id-3843 { /* thay 3843 bằng ID trang đăng nhập nếu khác */
  background: linear-gradient(180deg, #fdf6e7 0%, #ffffff 60%);
}

/* tiêu đề chính */
.etopik-login h1,
.etopik-login h2 {
  font-size: 30px;
  font-weight: 800;
  color: #1f2937;
  letter-spacing: -0.5px;
}

/* dòng mô tả */
.etopik-login p {
  font-size: 14px;
  color: #6b7280;
}
/* hiệu ứng xuất hiện */
.etopik-login {
  animation: etopikFadeUp .6s ease-out both;
}

@keyframes etopikFadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.etopik-login input[type="submit"] {
  background: linear-gradient(135deg, #2f80ed, #f2c94c);
  box-shadow: 0 10px 24px rgba(47,128,237,.25);
}/* End custom CSS */