.elementor-14821 .elementor-element.elementor-element-b2578bf{--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-14821 .elementor-element.elementor-element-b2578bf:not(.elementor-motion-effects-element-type-background), .elementor-14821 .elementor-element.elementor-element-b2578bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-14821 .elementor-element.elementor-element-cab4afb{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-14821 .elementor-element.elementor-element-cab4afb > .elementor-widget-container{margin:-35px 0px 0px 0px;padding:45px 45px 45px 45px;}.elementor-14821 .elementor-element.elementor-element-cab4afb.elementor-element{--align-self:center;}.elementor-14821 .elementor-element.elementor-element-1fcc38e{--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-14821 .elementor-element.elementor-element-1fcc38e:not(.elementor-motion-effects-element-type-background), .elementor-14821 .elementor-element.elementor-element-1fcc38e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-14821 .elementor-element.elementor-element-1c7daf9{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-14821 .elementor-element.elementor-element-1c7daf9 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:15px 15px 15px 15px;}.elementor-14821 .elementor-element.elementor-element-1c7daf9.elementor-element{--align-self:center;}.elementor-14821 .elementor-element.elementor-element-90761cb{--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-14821 .elementor-element.elementor-element-90761cb:not(.elementor-motion-effects-element-type-background), .elementor-14821 .elementor-element.elementor-element-90761cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.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-14821 .elementor-element.elementor-element-aaabc68 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-14821 .elementor-element.elementor-element-aaabc68.elementor-element{--align-self:center;}.elementor-14821 .elementor-element.elementor-element-aaabc68{text-align:center;}.elementor-14821 .elementor-element.elementor-element-aaabc68 .elementor-heading-title{color:#108483;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-14821 .elementor-element.elementor-element-7314ca7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-14821 .elementor-element.elementor-element-7314ca7.elementor-element{--align-self:center;}.elementor-14821 .elementor-element.elementor-element-7314ca7{text-align:center;font-family:"Roboto", Sans-serif;font-weight:600;color:#108483;}.elementor-14821 .elementor-element.elementor-element-b9370db{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-14821 .elementor-element.elementor-element-b9370db:not(.elementor-motion-effects-element-type-background), .elementor-14821 .elementor-element.elementor-element-b9370db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-14821 .elementor-element.elementor-element-4ff9b60 > .elementor-widget-container{margin:-180px 0px 0px 0px;}.elementor-14821 .elementor-element.elementor-element-b220355 > .elementor-widget-container{margin:-110px 0px 00px 000px;}.elementor-14821 .elementor-element.elementor-element-b220355{text-align:center;}body.elementor-page-14821:not(.elementor-motion-effects-element-type-background), body.elementor-page-14821 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}@media(max-width:767px){.elementor-14821 .elementor-element.elementor-element-1fcc38e{--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-14821 .elementor-element.elementor-element-1c7daf9 > .elementor-widget-container{margin:-5px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-14821 .elementor-element.elementor-element-1c7daf9{--container-widget-width:93px;--container-widget-flex-grow:0;width:var( --container-widget-width, 93px );max-width:93px;}}@media(min-width:768px){.elementor-14821 .elementor-element.elementor-element-b2578bf{--width:100%;}.elementor-14821 .elementor-element.elementor-element-1fcc38e{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-4ff9b60 *//* === Hello Student Login Form (Yeşil Tonlarla) === */
body.page-id-14821 .tml {
  max-width: 420px;
  margin: 100px auto;
  padding: 40px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.18);
}

/* Input alanları */
body.page-id-14821 .tml input[type="text"],
body.page-id-14821 .tml input[type="password"],
body.page-id-14821 .tml input[type="email"] {
  width: 100%;
  padding: 14px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #f8f8f8;
  color: #333;
  font-size: 1rem;
  transition: all 0.25s ease;
}

body.page-id-14821 .tml input[type="text"]:focus,
body.page-id-14821 .tml input[type="password"]:focus,
body.page-id-14821 .tml input[type="email"]:focus {
  border-color: #108483;
  box-shadow: 0 0 0 3px rgba(16, 132, 131, 0.15);
  outline: none;
}

/* 🟢 Buton */
body.page-id-14821 .tml button.tml-button {
  width: 100%;
  background-color: #108483;
  color: #F7F4EF;
  border: none;
  padding: 11px 18px; /* biraz daha küçük */
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 5px 14px rgba(16, 132, 131, 0.25);
  transition: all 0.25s ease;
}

/* Hover efekti */
body.page-id-14821 .tml button.tml-button:hover {
  background-color: #0D726A;
  box-shadow: 0 7px 18px rgba(13, 114, 106, 0.35);
}

/* Form sabit */
body.page-id-14821 .tml:hover {
  transform: none;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.18);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9370db *//* ===== Hello Student Login Page Styling (Final) ===== */
body.page-id-14821 {
  background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 100%);
  font-family: 'Poppins', sans-serif;
}

/* Ana form kutusu */
body.page-id-14821 .tml {
  max-width: 400px;
  margin: 100px auto;
  padding: 40px 50px;
  background: #ffffff;
  border-radius: 25px;
  /* Gölgeyi biraz daha koyulaştırdık */
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  text-align: center;
  transition: none;
}

/* Hover’da hareket etmesin */
body.page-id-14821 .tml:hover {
  transform: none;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

/* Başlık ve etiketler */
body.page-id-14821 .tml h2,
body.page-id-14821 .tml legend {
  color: #222;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* Input alanları */
body.page-id-14821 .tml input[type="text"],
body.page-id-14821 .tml input[type="password"],
body.page-id-14821 .tml input[type="email"] {
  width: 100%;
  padding: 12px 15px;
  margin: 10px 0 20px;
  border: 1.5px solid #ddd;
  border-radius: 10px;
  font-size: 1rem;
  transition: border-color 0.2s ease;
}

body.page-id-14821 .tml input:focus {
  border-color: #ff1949;
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 25, 73, 0.15);
}

/* === Buton Stili (aktif) === */
body.page-id-14821 .tml form input[type="submit"],
body.page-id-14821 .tml .button {
  width: 100% !important;
  background-color: #ff1949 !important;
  color: #fff !important;
  border: none !important;
  padding: 14px 20px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  box-shadow: 0 5px 12px rgba(255, 25, 73, 0.25) !important;
  transition: all 0.25s ease !important;
}

body.page-id-14821 .tml form input[type="submit"]:hover,
body.page-id-14821 .tml .button:hover {
  background-color: #e0133d !important;
  box-shadow: 0 6px 15px rgba(255, 25, 73, 0.3) !important;
  transform: none !important;
}

/* Bağlantılar (şifre sıfırlama, kayıt vb.) */
body.page-id-14821 .tml .tml-links {
  margin-top: 20px;
  font-size: 0.9rem;
}

body.page-id-14821 .tml .tml-links a {
  color: #ff1949;
  text-decoration: none;
  transition: color 0.2s ease;
}

body.page-id-14821 .tml .tml-links a:hover {
  color: #e0133d;
}/* End custom CSS */