.header-area .main-nav .logo {
  display: flex;
  align-items: center;
  min-width: 218px;
  margin-top: 20px;
}

.brand-wordmark {
  display: block;
  color: #5b03e4;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.18;
  white-space: nowrap;
}

.brand-wordmark strong { font-size: 12px; letter-spacing: .01em; }
.header-area:not(.background-header) .main-nav .brand-wordmark,
.header-area:not(.background-header) .main-nav .logo:hover .brand-wordmark { color: #fff; }
.header-area.background-header { background: #fff; }
.header-area.background-header .main-nav .brand-wordmark,
.header-area.background-header .main-nav .logo:hover .brand-wordmark { color: #5b03e4; }
.header-area.background-header .main-nav .nav > li > a { color: #2a2a2a; }
.header-area.background-header .main-nav .nav > li > a:hover,
.header-area.background-header .main-nav .nav > li > a.active { color: #5b03e4; opacity: 1; }
.pre-header .social-icons ul li a { font-size: 16px; }
.infos .main-content .skill-slide .fill { width: 100%; }

.contact-panel {
  min-height: 670px;
  padding: 72px 34px;
  border-radius: 23px;
  background: linear-gradient(150deg, #5b03e4 0%, #9226ed 64%, #c63dff 100%);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact-panel span { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.contact-panel h3 { color: #fff; font-size: 29px; font-weight: 700; line-height: 1.25; margin: 16px 0; }
.contact-panel p { color: #fff; line-height: 1.7; }
.contact-panel a { color: #fff; text-decoration: underline; margin-top: 20px; }

.form-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.privacy-consent { display: flex; gap: 10px; align-items: flex-start; margin: 4px 0 18px; font-size: 15px; line-height: 1.5; color: #2a2a2a; }
#contact-form .privacy-consent input { width: 18px; height: 18px; flex: 0 0 18px; margin: 2px 0 0; padding: 0; }
.privacy-consent a { color: #5b03e4; text-decoration: underline; }

.simple-header { background: #f8f2ff; padding: 26px 0; }
.simple-header .brand-wordmark { text-decoration: none; }
.content-page { max-width: 860px; margin: 0 auto; padding: 65px 20px 85px; }
.content-page h1 { font-size: 40px; margin-bottom: 18px; }
.content-page h2 { font-size: 25px; margin: 35px 0 12px; }
.content-page p, .content-page li { font-size: 16px; line-height: 1.7; margin-bottom: 15px; }
.content-page ul { padding-left: 25px; }
.content-page a { color: #5b03e4; text-decoration: underline; }
.content-page .meta { color: #666; }
.simple-footer { padding: 30px 20px; text-align: center; background: #f8f2ff; }
.simple-footer a { color: #5b03e4; text-decoration: underline; }

@media (max-width: 991px) {
  .header-area .main-nav .logo { min-width: 185px; }
  .brand-wordmark { font-size: 13px; }
  .brand-wordmark strong { font-size: 11px; }
  .contact-panel { min-height: 320px; margin-bottom: 28px; padding: 36px 28px; }
}

@media (max-width: 767px) {
  .header-area .main-nav .logo { min-width: 0; margin-top: 22px; }
  .header-area:not(.background-header) .main-nav .brand-wordmark,
  .header-area:not(.background-header) .main-nav .logo:hover .brand-wordmark { color: #5b03e4; }
  .brand-wordmark { font-size: 12px; }
  .brand-wordmark strong { font-size: 10px; }
  .content-page { padding-top: 45px; }
  .content-page h1 { font-size: 32px; }
}