<style id="elementor-post-6438">.elementor-6438 .elementor-element.elementor-element-c95d5ca > .elementor-container{min-height:100vh;}.elementor-6438 .elementor-element.elementor-element-c95d5ca:not(.elementor-motion-effects-element-type-background), .elementor-6438 .elementor-element.elementor-element-c95d5ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-6438 .elementor-element.elementor-element-c95d5ca{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6438 .elementor-element.elementor-element-c95d5ca > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-6438 .elementor-element.elementor-element-c8f7c8b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6438 .elementor-element.elementor-element-c8f7c8b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6438 .elementor-element.elementor-element-c8f7c8b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6438 .elementor-element.elementor-element-c8f7c8b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for html, class: .elementor-element-69829ad *//* Login Button Styles */
.login-btn,
.login-btn:focus,
.login-btn:hover,
.login-btn[disabled],
.login-btn[disabled]:focus,
.login-btn[disabled]:hover {
  background: linear-gradient(90deg, #149be3, #0d6efd);
  border: none;
  box-shadow: 0 4px 10px rgba(20, 155, 227, 0.4);
  border-radius: 12px;
  transition: all 0.45s;
  position: relative;
  margin: 0;
  width: 100%;
  height: 55px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

/* Optional hover animation */
.login-btn:hover {
  box-shadow: 0 6px 15px rgba(20, 155, 227, 0.6);
  transform: translateY(-2px);
}

/* Login Form Container */
.landing-option2 .landing-signup {
  max-width: 500px;
  max-height: 70vh;
  overflow: auto;
  position: absolute;
  top: calc(50% + 135px);
  transform: translateY(-70%);
  right: 10vw;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  border-radius: 15px;
  direction: rtl;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

/* Center container */
.center {
  width: 350px;
  margin: 100px auto;
  background: #fff;
  border-radius: 15px;
  padding: 40px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.center h3 {
  text-align: center;
  margin-bottom: 30px;
  color: #333;
}

/* Input fields */
.txt_field {
  position: relative;
  margin-bottom: 30px;
}

.txt_field input {
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  border: none;
  border-bottom: 2px solid #ccc;
  outline: none;
  background: transparent;
}

.txt_field label {
  position: absolute;
  top: 50%;
  left: 5px;
  color: #999;
  transform: translateY(-50%);
  pointer-events: none;
  transition: 0.3s ease;
}

/* Floating label effect */
.txt_field input:focus ~ label,
.txt_field input:valid ~ label {
  top: -5px;
  color: #149be3;
  font-size: 12px;
  font-weight: 600;
}

/* Password link */
.pass {
  text-align: right;
  margin-bottom: 20px;
}

.pass a {
  color: #149be3;
  text-decoration: none;
}

.pass a:hover {
  text-decoration: underline;
}

/* Submit button (same as .login-btn) */
#loginForm input[type="submit"] {
  all: unset;
  display: block;
  text-align: center;
}

#loginForm input[type="submit"] {
  background: linear-gradient(90deg, #149be3, #0d6efd);
  border: none;
  border-radius: 12px;
  color: #fff;
  font-weight: 600;
  width: 100%;
  height: 55px;
  cursor: pointer;
  transition: all 0.45s;
}

#loginForm input[type="submit"]:hover {
  box-shadow: 0 6px 15px rgba(20, 155, 227, 0.6);
  transform: translateY(-2px);
}/* End custom CSS */</style>{"id":6438,"date":"2024-04-18T09:24:45","date_gmt":"2024-04-18T09:24:45","guid":{"rendered":"https:\/\/mapschools.net\/?page_id=6438"},"modified":"2026-09-28T16:33:25","modified_gmt":"2026-09-28T16:33:25","slug":"login","status":"publish","type":"page","link":"https:\/\/mapschools.net\/ar\/login\/","title":{"rendered":"\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"6438\" class=\"elementor elementor-6438\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c95d5ca elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"c95d5ca\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c8f7c8b\" data-id=\"c8f7c8b\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-69829ad elementor-widget elementor-widget-html\" data-id=\"69829ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n  <head>\n    <meta charset=\"utf-8\" \/>\n    <link rel=\"stylesheet\" href=\"style.css\" \/>\n  <\/head>\n  <body>\n    <div class=\"center\">\n      <h3>Login to Classera<\/h3>\n      <form id=\"loginForm\" action=\"\">\n        <div class=\"txt_field\">\n          <input name=\"username\" id=\"username\" type=\"text\" required \/>\n          <label>Username<\/label>\n        <\/div>\n        <div class=\"txt_field\">\n          <input name=\"password\" id=\"password\" type=\"password\" required \/>\n          <label>\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/label>\n        <\/div>\n        <div class=\"pass\"><a href=\"https:\/\/me.classera.com\/users\/reset\">\u0646\u0633\u064a\u062a \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/a><\/div>\n        <input type=\"submit\" class=\"login-btn\" value=\"\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644\" \/>\n      <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n    <\/div>\n  <\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Login to Classera Username Password Forget password casinos not on gamstop new independent casino uk<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6438","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mapschools.net\/ar\/wp-json\/wp\/v2\/pages\/6438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mapschools.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mapschools.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mapschools.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mapschools.net\/ar\/wp-json\/wp\/v2\/comments?post=6438"}],"version-history":[{"count":19,"href":"https:\/\/mapschools.net\/ar\/wp-json\/wp\/v2\/pages\/6438\/revisions"}],"predecessor-version":[{"id":8156,"href":"https:\/\/mapschools.net\/ar\/wp-json\/wp\/v2\/pages\/6438\/revisions\/8156"}],"wp:attachment":[{"href":"https:\/\/mapschools.net\/ar\/wp-json\/wp\/v2\/media?parent=6438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}