.category-section {
  background: #f7f9fc;
}

.category-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}

.category-grid article {
  min-height: 112px;
  background: #fff;
  border: 1px solid #dce5f0;
  border-radius: 13px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 11px;
  transition: .22s;
}

.category-grid article:hover {
  transform: translateY(-3px);
  border-color: #c7a565;
  box-shadow: 0 12px 30px rgba(31, 49, 67, .08);
}

.category-grid span {
  font-size: 27px;
}

.category-grid strong {
  font-size: 13px;
  text-align: center;
}

.category-grid article:nth-child(5n+1) {
  border-top: 3px solid #c7a565;
}

@media (max-width: 900px) {
  .category-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 520px) {
  .logo-image img {
    width: 137px;
    height: 52px;
  }

  .category-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .category-grid article {
    min-height: 94px;
  }

  .category-grid span {
    font-size: 23px;
  }

  .category-grid strong {
    font-size: 11px;
  }
}

.quick-create {
  background: #fff;
}

.quick-create-grid {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  align-items: center;
  gap: 70px;
  padding: 56px;
  background: linear-gradient(135deg, #f8f2e7, #f4f7fb);
  border: 1px solid #e6dfd3;
  border-radius: 22px;
}

.quick-create-copy h2 {
  margin: 12px 0 18px;
}

.quick-create-copy > p {
  color: #6d7780;
  line-height: 1.75;
}

.quick-create-points {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 23px;
}

.quick-create-points span {
  padding: 7px 10px;
  color: #466071;
  background: rgba(255,255,255,.75);
  border: 1px solid #dde4e9;
  border-radius: 999px;
  font-size: 10px;
}

.quick-create-form {
  display: grid;
  gap: 15px;
  padding: 26px;
  background: #fff;
  border: 1px solid #e0e6ec;
  border-radius: 14px;
  box-shadow: 0 18px 45px rgba(37,49,61,.08);
}
.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

.quick-create-form label {
  display: grid;
  gap: 7px;
  color: #4e5c68;
  font-size: 10px;
  font-weight: 700;
}

.quick-create-form input,
.quick-create-form select {
  width: 100%;
  padding: 12px;
  color: #263746;
  background: #f9fbfd;
  border: 1px solid #d9e2ea;
  border-radius: 8px;
  font: 13px "DM Sans", sans-serif;
}

.quick-create-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.quick-create-form .btn {
  width: 100%;
  cursor: pointer;
}

#quickCreateStatus {
  min-height: 17px;
  margin: 0;
  color: #30704d;
  font-size: 11px;
}

@media (max-width: 850px) {
  .quick-create-grid {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 34px;
  }
}

@media (max-width: 520px) {
  .quick-create-grid {
    width: calc(100% - 20px);
    padding: 22px 14px;
    border-radius: 15px;
  }

  .quick-create-row {
    grid-template-columns: 1fr;
  }

  .quick-create-form {
    padding: 17px;
  }
}
.logo-image {
  display: inline-flex;
  align-items: center;
}

.logo-image img {
  display: block;
  width: 174px;
  height: 62px;
  object-fit: contain;
}

.footer-logo {
  display: block;
  width: 140px;
  height: 52px;
  object-fit: contain;
}

.login-brand-logo {
  display: block;
  width: min(240px, 85%);
  height: auto;
  margin: 0 auto 3px;
}

.language-switcher {
  display: inline-flex;
  gap: 3px;
  padding: 3px;
  background: #f2f4f7;
  border: 1px solid #e1e6ec;
  border-radius: 8px;
}

.nav-links .language-switcher a {
  min-width: 31px;
  padding: 6px 7px;
  border-radius: 6px;
  color: #66717d;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
}

.nav-links .language-switcher a.active {
  background: #17212b;
  color: #fff;
  box-shadow: 0 3px 9px rgba(23, 33, 43, .18);
}

[dir="rtl"] .hero-copy,
[dir="rtl"] .section-head,
[dir="rtl"] .feature,
[dir="rtl"] .steps article {
  text-align: right;
}

[dir="rtl"] .hero-copy > p {
  margin-right: 0;
}

[dir="rtl"] .hero-actions,
[dir="rtl"] .trust {
  justify-content: flex-start;
}

@media (max-width: 520px) {
  .logo-image img {
    width: 122px;
    height: 52px;
  }

  .nav-links {
    gap: 5px;
  }

  .nav-links .language-switcher a {
    min-width: 25px;
    padding: 5px 4px;
    font-size: 9px;
  }
}
.nav-editor-button{padding:9px 12px;color:#fff;background:#17212b;border:0;border-radius:7px;font:600 10px "DM Sans",sans-serif;cursor:pointer;white-space:nowrap}.modal-open{overflow:hidden}.editor-access-modal[hidden]{display:none}.editor-access-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.editor-access-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(18,27,36,.68);backdrop-filter:blur(5px)}.editor-access-card{position:relative;width:min(420px,100%);display:grid;gap:15px;padding:30px;background:#fff;border-radius:15px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.editor-access-card>img{width:190px;height:70px;object-fit:contain;margin:auto}.editor-access-card h2{margin:0;text-align:center;font-size:32px}.editor-access-card>p{margin:0;color:#6d7780;text-align:center;line-height:1.6;font-size:13px}.editor-access-card form{display:grid;gap:13px}.editor-access-card label{display:grid;gap:7px;color:#536170;font-size:10px;font-weight:700}.editor-access-card input{padding:12px;border:1px solid #d8e1ea;border-radius:8px;font:14px "DM Sans"}.editor-access-card .btn{width:100%}.editor-access-close{position:absolute;right:12px;top:10px;width:32px;height:32px;border:0;border-radius:50%;background:#f1f3f5;color:#42505d;font-size:21px;cursor:pointer}#editorAccessError{min-height:17px;color:#a23f3f;font-size:11px;text-align:center}@media(max-width:520px){.nav-editor-button{max-width:105px;padding:7px 8px;font-size:8px;white-space:normal;line-height:1.15}.editor-access-card{padding:23px 18px}}