.elementor-21 .elementor-element.elementor-element-44bcb93{--display:flex;}/* Start custom CSS */:root{
  --bg:#F7F9FB; --ink:#333;
  --brand:#007ACC; --brand-ink:#fff;
  --style-text:#A9D8FF; --style-media:#FFE3A3; --style-practice:#C8E6C9;
  --level-knowledge:#E1BEE7; --level-understand:#FFCC80; --level-apply:#F48FB1;
  --ok:#4CAF50; --warn:#FFB300; --err:#E53935;
}

body {
  background: var(--bg);
  color: var(--ink);
  font-family: "Assistant", "Alef", sans-serif;
  line-height: 1.6;
  font-size: 18px;
}

button.main {
  background: var(--brand);
  color: var(--brand-ink);
  border-radius: 12px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  font-size: 18px;
  transition: background 0.3s ease;
}

button.main:hover {
  background: #005F99; /* כהה ב-10% */
}

.card {
  background: #fff;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}/* End custom CSS */