body.pronova_journal_landing.pronova_uizziv_dashboard,
body.pronova_journal_page.pronova_uizziv_dashboard {
  margin: 0;
  background: #f5f8f2;
  color: #1d2a1f;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

body.pronova_journal_landing .pkp_structure_head,
body.pronova_journal_landing .pkp_structure_footer_wrapper,
body.pronova_journal_landing .pkp_structure_sidebar,
body.pronova_journal_page .pkp_structure_head,
body.pronova_journal_page .pkp_structure_footer_wrapper,
body.pronova_journal_page .pkp_structure_sidebar {
  display: none;
}

body.pronova_journal_landing .pkp_structure_content,
body.pronova_journal_landing .pkp_structure_main,
body.pronova_journal_landing .pkp_structure_page,
body.pronova_journal_page .pkp_structure_content,
body.pronova_journal_page .pkp_structure_main,
body.pronova_journal_page .pkp_structure_page {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

body.pronova_journal_landing .pkp_structure_main,
body.pronova_journal_page .pkp_structure_main {
  float: none;
}

.pronovaLanding {
  min-height: 100vh;
  background:
    radial-gradient(circle at top right, rgba(153, 180, 84, 0.12) 0, rgba(153, 180, 84, 0) 24%),
    linear-gradient(180deg, #f5f8f2 0%, #edf3e9 100%);
}

.pronovaLanding__container {
  width: min(1240px, calc(100% - 48px));
  margin: 0 auto;
}

.pronovaLandingTopbar {
  position: sticky;
  top: 0;
  z-index: 20;
  background: linear-gradient(180deg, rgba(22, 57, 39, 0.98) 0%, rgba(15, 45, 31, 0.96) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 24px rgba(8, 20, 12, 0.18);
}

.pronovaLandingTopbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 76px;
}

.pronovaJournalBrandWrap {
  display: grid;
  gap: 4px;
}

.pronovaJournalBrand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #f6faef;
  text-decoration: none;
}

.pronovaJournalBrand__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #f7fbf4;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.pronovaJournalBrand__text {
  font-size: 18px;
  font-weight: 700;
}

.pronovaJournalBrand__meta {
  color: rgba(242, 247, 239, 0.72);
  font-size: 12px;
}

.pronovaLandingNav {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.pronovaLandingNav__link,
.pronovaHeaderTools__account,
.pronovaBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.pronovaLandingNav__link {
  color: rgba(245, 249, 241, 0.9);
}

.pronovaLandingNav__link:hover,
.pronovaLandingNav__link:focus-visible,
.pronovaLandingNav__link.is-active {
  color: #fff;
  background: rgba(149, 184, 76, 0.18);
}

.pronovaHeaderTools__account {
  color: #183024;
  background: linear-gradient(180deg, #edf5e5 0%, #d9e8cf 100%);
}

.uizzivJournalPage {
  padding-bottom: 40px;
}

.uizzivHero {
  position: relative;
  padding: 34px 0 22px;
}

.uizzivHero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 520px;
  background:
    linear-gradient(180deg, rgba(16, 48, 30, 0.16) 0%, rgba(16, 48, 30, 0) 100%),
    url("http://173.212.237.167:8092/plugins/themes/pronova/images/ljubljana-city-2023.jpg") center/cover no-repeat;
  opacity: 0.2;
}

.uizzivHero__grid,
.uizzivContentGrid,
.uizzivBottomGrid {
  position: relative;
  display: grid;
  gap: 24px;
}

.uizzivHero__grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.78fr);
  align-items: start;
}

.uizzivHero__copy,
.uizzivIssueCard,
.uizzivPanel,
.uizzivArticleCard {
  position: relative;
  border: 1px solid rgba(47, 86, 53, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 34px rgba(15, 43, 24, 0.08);
}

.uizzivHero__copy {
  padding: 34px;
}

.uizzivHero__eyebrow {
  color: #6f8b2f;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.uizzivHero__copy h1 {
  margin: 12px 0 0;
  color: #173523;
  font-size: clamp(42px, 5vw, 70px);
  line-height: 0.98;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.uizzivHero__lead {
  margin: 18px 0 0;
  color: #2b4332;
  font-size: 22px;
  line-height: 1.55;
}

.uizzivHero__meta {
  margin-top: 18px;
  color: #4d6353;
  font-size: 16px;
  line-height: 1.65;
}

.uizzivHero__actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 24px;
}

.pronovaBtn--green {
  color: #f7fbf4;
  background: linear-gradient(180deg, #7ea33e 0%, #5d7d28 100%);
  box-shadow: 0 12px 22px rgba(93, 125, 40, 0.22);
}

.pronovaBtn--ghost {
  color: #173523;
  background: linear-gradient(180deg, #ffffff 0%, #eef4ea 100%);
  border: 1px solid rgba(44, 75, 44, 0.14);
}

.uizzivHero__facts {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
}

.uizzivFact {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 14px;
  background: linear-gradient(180deg, #f7fbf5 0%, #eef5ea 100%);
}

.uizzivFact__icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.uizzivFact__icon--wide {
  width: 40px;
  height: 28px;
}

.uizzivFact strong,
.uizzivFact span {
  display: block;
}

.uizzivFact strong {
  color: #183425;
  font-size: 14px;
}

.uizzivFact span {
  margin-top: 6px;
  color: #506455;
  font-size: 13px;
}

.uizzivIssueCard {
  overflow: hidden;
}

.uizzivIssueCard__image {
  height: 260px;
  background-position: center;
  background-size: cover;
}

.uizzivIssueCard__body {
  padding: 22px;
}

.uizzivIssueCard__label {
  color: #6f8b2f;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.uizzivIssueCard__body h2 {
  margin: 10px 0 14px;
  color: #183425;
  font-size: 26px;
  line-height: 1.15;
}

.uizzivIssueCard__body p {
  margin: 0 0 18px;
  color: #4a6050;
  line-height: 1.65;
}

.uizzivSection {
  padding: 18px 0;
}

.uizzivSection--soft {
  background: rgba(151, 179, 90, 0.08);
}

.uizzivSection--dark {
  padding-top: 8px;
}

.uizzivSectionHeader {
  margin-bottom: 18px;
}

.uizzivSectionHeader h2,
.uizzivPanel h2 {
  margin: 0 0 10px;
  color: #173523;
  font-size: 30px;
  line-height: 1.1;
}

.uizzivSectionHeader p,
.uizzivPanel p {
  margin: 0;
  color: #516656;
  line-height: 1.75;
  font-size: 16px;
}

.uizzivArticleGrid,
.uizzivFeatureGrid {
  display: grid;
  gap: 18px;
}

.uizzivArticleGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.uizzivFeatureGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.uizzivArticleCard,
.uizzivPanel {
  padding: 24px;
}

.uizzivArticleCard h3 {
  margin: 0 0 12px;
  color: #193826;
  font-size: 22px;
  line-height: 1.35;
}

.uizzivArticleCard p {
  margin: 0;
  color: #587061;
  line-height: 1.7;
}

.uizzivContentGrid {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr);
}

.uizzivPanel--wide {
  grid-row: span 2;
}

.uizzivBulletList {
  margin: 18px 0 0;
  padding-left: 20px;
  color: #385142;
  line-height: 1.9;
}

.uizzivBottomGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.uizzivPanel--dark {
  background: linear-gradient(180deg, #173d2a 0%, #123220 100%);
  border-color: rgba(255, 255, 255, 0.06);
}

.uizzivPanel--dark h2,
.uizzivPanel--dark p {
  color: #eef5e8;
}

.pronovaFooter {
  padding: 34px 0 18px;
  background: #91a831;
  color: #fff;
}

.uizzivFooterGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px;
}

.uizzivFooterBlock h4 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
}

.uizzivFooterBlock p,
.uizzivFooterBlock a {
  color: #f8fced;
  line-height: 1.6;
  font-size: 16px;
}

.uizzivMetricTile {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 14px;
  align-items: center;
  margin-bottom: 14px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.92);
  color: #24331d;
}

.uizzivMetricTile__big {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 76px;
  background: #a8cf56;
  color: #fff;
  font-size: 28px;
  font-weight: 800;
}

.uizzivFooterBottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: #f8fced;
  font-size: 14px;
}

.uizzivFooterLogos {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
}

.uizzivFooterLogos img {
  display: block;
  max-height: 34px;
  width: auto;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.92);
  padding: 4px 8px;
  border-radius: 8px;
}

@media (max-width: 1080px) {
  .uizzivHero__grid,
  .uizzivContentGrid,
  .uizzivFeatureGrid,
  .uizzivBottomGrid,
  .uizzivFooterGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .pronovaLanding__container {
    width: min(100%, calc(100% - 28px));
  }

  .pronovaLandingTopbar__inner,
  .uizzivHero__facts,
  .uizzivFooterBottom {
    flex-direction: column;
    align-items: stretch;
  }

  .pronovaLandingTopbar__inner {
    padding: 12px 0;
  }

  .pronovaLandingNav {
    width: 100%;
    justify-content: flex-start;
  }

  .uizzivArticleGrid {
    grid-template-columns: 1fr;
  }

  .uizzivHero__copy {
    padding: 24px;
  }

  .uizzivHero__facts {
    grid-template-columns: 1fr;
  }
}

.pronovaPageSection {
  padding: 28px 0 34px;
}

.pronovaPageIntro {
  padding: 16px 0 18px;
}

.pronovaPageIntro--compact {
  padding-top: 4px;
}

.pronovaPageIntro h1 {
  margin: 0;
  color: #173523;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.pronovaPageIntro p,
.pronovaRichCard p,
.pronovaPolicyCard p,
.pronovaRichCard li,
.pronovaPolicyCard li {
  color: #4f6456;
  font-size: 16px;
  line-height: 1.8;
}

.pronovaPageGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) 320px;
  gap: 24px;
}

.pronovaQuickLinks {
  display: grid;
  gap: 16px;
}

.pronovaRichCard,
.pronovaPolicyCard {
  padding: 24px;
  border: 1px solid rgba(47, 86, 53, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 34px rgba(15, 43, 24, 0.08);
}

.pronovaRichCard h2,
.pronovaPolicyCard h2,
.pronovaSearchResultsCard h2 {
  margin: 0 0 12px;
  color: #173523;
  font-size: 28px;
  line-height: 1.15;
}

.pronovaRichCard ul,
.pronovaPolicyCard ul {
  margin: 0;
  padding-left: 20px;
}

.pronovaSearchCard,
.pronovaSearchResultsCard {
  margin-top: 18px;
}

.uizzivSearchPage {
  padding-top: 0;
}

.uizzivSearchHero {
  position: relative;
  margin: 0 0 18px;
  padding: 28px 0 20px;
  background:
    linear-gradient(180deg, rgba(12, 42, 31, 0.44) 0%, rgba(12, 42, 31, 0.58) 100%),
    url("http://173.212.237.167:8092/plugins/themes/pronova/images/ljubljana-city-2023.jpg") center/cover no-repeat;
}

.uizzivSearchHero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(16, 38, 28, 0.18) 0%, rgba(16, 38, 28, 0.28) 100%);
}

.uizzivSearchHero__inner {
  position: relative;
  z-index: 1;
  text-align: center;
}

.uizzivSearchHero__brand {
  display: inline-grid;
  gap: 8px;
  margin-bottom: 18px;
}

.uizzivSearchHero__brandMark {
  color: #f4f8ee;
  font-size: clamp(28px, 3vw, 48px);
  font-weight: 700;
  line-height: 1;
}

.uizzivSearchHero__brandSub {
  color: rgba(243, 248, 239, 0.86);
  font-size: 16px;
  letter-spacing: 0.04em;
}

.uizzivSearchHero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(38px, 4.3vw, 64px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.uizzivSearchIntro {
  margin: 0 0 18px;
  color: #2e4436;
  font-size: clamp(18px, 1.8vw, 24px);
  line-height: 1.45;
}

.uizzivSearchShell {
  display: grid;
  gap: 18px;
}

.uizzivSearchTopbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 12px;
  overflow: hidden;
  padding: 12px;
  border-radius: 24px;
  border: 1px solid rgba(38, 73, 46, 0.14);
  background: linear-gradient(135deg, rgba(17, 52, 37, 0.9) 0%, rgba(24, 70, 48, 0.96) 100%);
  box-shadow: 0 24px 48px rgba(15, 43, 24, 0.16);
  animation: uizzivSearchBarFloat 5.4s ease-in-out infinite;
}

.uizzivSearchField {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  min-height: 92px;
  padding: 10px 12px 10px 10px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(244, 250, 238, 0.18) 0%, rgba(255, 255, 255, 0.12) 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.uizzivSearchField__icon {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  object-fit: contain;
  opacity: 0.92;
  filter: brightness(0) saturate(100%) invert(94%) sepia(15%) saturate(294%) hue-rotate(48deg) brightness(104%) contrast(98%);
}

.uizzivSearchField input {
  width: 100%;
  min-height: 92px;
  max-width: none;
  border: 1px solid rgba(34, 67, 45, 0.12);
  border-radius: 18px;
  background: linear-gradient(180deg, #fbfdf8 0%, #f1f7eb 100%);
  color: #173523;
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 600;
  padding: 0 24px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  caret-color: #5f812d;
}

.uizzivSearchField input::placeholder {
  color: rgba(63, 88, 68, 0.7);
}

.uizzivSearchField .query {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 24px !important;
  background: linear-gradient(180deg, #fbfdf8 0%, #f1f7eb 100%) !important;
  color: #173523 !important;
}

.uizzivSearchSubmit {
  min-height: 92px;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(180deg, #86ad45 0%, #5b8626 100%);
  color: #f6fbf1;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: 0 14px 26px rgba(52, 88, 16, 0.28);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.uizzivSearchSubmit:hover,
.uizzivSearchSubmit:focus {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 18px 30px rgba(52, 88, 16, 0.34);
}

.uizzivSearchGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) 290px;
  gap: 20px;
  align-items: start;
}

.uizzivSearchMain,
.uizzivSearchSidebar {
  display: grid;
  gap: 18px;
}

.uizzivSearchCard {
  border: 1px solid rgba(47, 86, 53, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 34px rgba(15, 43, 24, 0.08);
  overflow: hidden;
}

.uizzivSearchCard__header {
  padding: 14px 18px;
  background: linear-gradient(180deg, #234e3c 0%, #183b2c 100%);
}

.uizzivSearchCard__header h2 {
  margin: 0;
  color: #f5fbf0;
  font-size: 18px;
  font-weight: 700;
}

.uizzivFilterRows {
  display: grid;
  padding: 8px 0;
}

.uizzivFilterRow {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 16px;
  align-items: center;
  padding: 12px 18px;
  border-top: 1px solid rgba(47, 86, 53, 0.1);
}

.uizzivFilterRow:first-child {
  border-top: 0;
}

.uizzivFilterLabel {
  color: #173523;
  font-size: 15px;
  font-weight: 700;
}

.uizzivFilterControls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.uizzivFilterControls--stack {
  grid-template-columns: minmax(0, 1fr) 200px 170px;
}

.uizzivFilterControls select,
.uizzivFilterControls input {
  width: 100%;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid rgba(47, 86, 53, 0.14);
  border-radius: 10px;
  background: #fff;
  color: #173523;
  font-size: 15px;
}

.uizzivFilterApply {
  min-height: 48px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, #275d42 0%, #1d472f 100%);
  color: #f4faf0;
  font-weight: 700;
}

.uizzivSearchCard--results {
  padding-bottom: 4px;
}

.uizzivSearchEmpty {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 28px 20px 24px;
  text-align: center;
}

.uizzivSearchEmpty__icon {
  width: 84px;
  height: 84px;
  object-fit: contain;
  opacity: 0.8;
}

.uizzivSearchEmpty h3 {
  margin: 6px 0 0;
  color: #173523;
  font-size: 34px;
  line-height: 1;
  font-weight: 700;
}

.uizzivSearchEmpty p {
  max-width: 560px;
  margin: 0;
  color: #576d5f;
  font-size: 18px;
  line-height: 1.5;
}

.uizzivSearchEmpty__actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 8px;
}

.uizzivSearchJournalCard {
  overflow: hidden;
  border: 1px solid rgba(47, 86, 53, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 18px 34px rgba(15, 43, 24, 0.08);
}

.uizzivSearchJournalCard__image {
  height: 140px;
  background-position: center;
  background-size: cover;
}

.uizzivSearchJournalCard__body {
  padding: 16px 16px 18px;
}

.uizzivSearchJournalCard__body h2 {
  margin: 0;
  color: #173523;
  font-size: 22px;
  line-height: 1;
}

.uizzivSearchJournalCard__sub {
  margin-top: 6px;
  color: #547062;
  font-size: 15px;
}

.uizzivSearchJournalCard__body ul {
  margin: 14px 0;
  padding-left: 20px;
  color: #315044;
  line-height: 1.7;
  font-size: 14px;
}

.uizzivSearchCard--results {
  min-height: 420px;
}

@keyframes uizzivSearchBarFloat {
  0%,
  100% {
    transform: translateY(0);
    box-shadow: 0 24px 48px rgba(15, 43, 24, 0.16);
  }
  50% {
    transform: translateY(-2px);
    box-shadow: 0 28px 54px rgba(15, 43, 24, 0.19);
  }
}

.pronovaLanding--auth {
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(8, 29, 21, 0.3) 0%, rgba(8, 29, 21, 0.58) 100%),
    radial-gradient(circle at top right, rgba(144, 173, 77, 0.12) 0, rgba(144, 173, 77, 0) 24%),
    #0f3126;
}

.pronovaAuthPage .pronovaLandingTopbar {
  position: relative;
  z-index: 4;
  border-bottom: 1px solid rgba(233, 241, 226, 0.12);
  background: rgba(10, 34, 24, 0.58);
  backdrop-filter: blur(8px);
}

.pronovaAuthHero {
  position: relative;
  overflow: hidden;
  padding: 28px 0 42px;
}

.pronovaAuthHero__backdrop {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(9, 29, 21, 0.24) 0%, rgba(9, 29, 21, 0.58) 100%),
    url("http://173.212.237.167:8092/plugins/themes/pronova/images/ljubljana-city-2023.jpg") center 24%/cover no-repeat;
  filter: saturate(0.7) contrast(0.92) brightness(0.88);
}

.pronovaAuthHero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 12px;
}

.pronovaAuthHero__mark {
  margin-top: 14px;
  color: #e3d7a6;
  font-size: clamp(24px, 2.6vw, 42px);
  font-weight: 700;
  letter-spacing: 0.01em;
}

.pronovaAuthHero h1 {
  margin: 0;
  color: #f8f6ea;
  font-size: clamp(40px, 4vw, 64px);
  line-height: 1;
  text-align: center;
  text-shadow: 0 8px 24px rgba(7, 19, 14, 0.3);
}

.pronovaAuthHero p {
  max-width: 860px;
  margin: 0 0 6px;
  color: rgba(247, 248, 240, 0.9);
  font-size: clamp(18px, 1.8vw, 24px);
  line-height: 1.55;
  text-align: center;
}

.pronovaAuthCard,
.pronovaAuthCard--wide {
  width: min(100%, 760px);
  padding: 28px;
  border: 1px solid rgba(239, 245, 233, 0.12);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(20, 58, 44, 0.82) 0%, rgba(16, 43, 33, 0.84) 100%);
  box-shadow: 0 26px 56px rgba(6, 17, 12, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(10px);
}

.pronovaAuthCard--wide {
  width: min(100%, 1040px);
}

.pronovaAuthForm {
  display: grid;
  gap: 18px;
}

.pronovaAuthForm fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.pronovaAuthForm .fields {
  display: grid;
  gap: 18px;
}

.pronovaAuthField,
.pronovaAuthForm .fields > div > label,
.pronovaAuthForm .username label,
.pronovaAuthForm .password label,
.pronovaAuthForm .email label,
.pronovaAuthForm .reviewer_interests label,
.pronovaAuthForm .reviewer_nocontext_interests label {
  display: grid;
  gap: 10px;
}

.pronovaAuthField__label,
.pronovaAuthForm .label {
  color: #f5f8ef;
  font-size: 15px;
  font-weight: 700;
}

.pronovaAuthField__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.pronovaAuthField__metaLink,
.pronovaAuthForm .password a {
  color: #d8e9c0;
  font-size: 14px;
  text-decoration: none;
}

.pronovaAuthField__metaLink:hover,
.pronovaAuthForm .password a:hover {
  text-decoration: underline;
}

.pronovaAuthForm input[type="text"],
.pronovaAuthForm input[type="email"],
.pronovaAuthForm input[type="password"],
.pronovaAuthForm input[type="tel"],
.pronovaAuthForm input[type="url"],
.pronovaAuthForm select,
.pronovaAuthForm textarea {
  width: 100%;
  min-height: 58px;
  max-width: none;
  padding: 0 18px;
  border: 1px solid rgba(234, 242, 224, 0.12);
  border-radius: 14px;
  background: rgba(248, 250, 243, 0.94);
  color: #173523;
  font-size: 17px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.pronovaAuthForm textarea {
  min-height: 120px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.pronovaAuthForm input:focus,
.pronovaAuthForm select:focus,
.pronovaAuthForm textarea:focus {
  outline: 0;
  border-color: #93b85a;
  box-shadow: 0 0 0 3px rgba(147, 184, 90, 0.18);
}

.pronovaAuthCheck,
.pronovaAuthCheck label,
.pronovaAuthForm .checkbox label,
.pronovaAuthForm .optin label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #f1f6ea;
  line-height: 1.5;
}

.pronovaAuthCheck input[type="checkbox"],
.pronovaAuthForm .checkbox input[type="checkbox"],
.pronovaAuthForm .optin input[type="checkbox"] {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-top: 2px;
}

.pronovaAuthSection {
  display: grid;
  gap: 14px;
  padding-top: 6px;
  border-top: 1px solid rgba(236, 244, 227, 0.1);
}

.pronovaAuthSection legend {
  padding: 0;
  color: #f5f8ef;
  font-size: 18px;
  font-weight: 700;
}

.pronovaAuthCheckGroup {
  display: grid;
  gap: 10px;
}

.pronovaAuthActions,
.pronovaAuthForm .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-top: 6px;
}

.pronovaAuthSubmit,
.pronovaAuthSecondary,
.pronovaAuthForm .buttons .submit,
.pronovaAuthForm .buttons .login,
.pronovaAuthForm .buttons .register {
  min-width: 180px;
  min-height: 54px;
  border-radius: 14px;
}

.pronovaAuthError,
.pronovaAuthNotice,
.pronovaAuthForm .pkp_form_error {
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255, 244, 219, 0.12);
  color: #fff5da;
  border: 1px solid rgba(255, 234, 184, 0.18);
}

.pronovaAuthCompletion__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pronovaSearchForm__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
}

.pronovaSearchForm .search_input input,
.pronovaSearchForm .author input,
.pronovaSearchForm .author select {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(47, 86, 53, 0.16);
  border-radius: 10px;
  background: #fff;
  color: #173523;
  font-size: 15px;
}

.pronovaSearchForm .search_advanced {
  margin-top: 18px;
  border: 0;
  padding: 0;
}

.pronovaSearchForm .search_advanced legend,
.pronovaSearchForm .label {
  color: #173523;
  font-weight: 700;
}

.pronovaSearchAdvanced {
  display: grid;
  gap: 16px;
}

.pronovaSearchForm .date_range {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.pronovaSearchResults {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 18px;
}

.pronovaSearchResults li {
  padding-top: 18px;
  border-top: 1px solid rgba(47, 86, 53, 0.12);
}

.pronovaSearchResults li:first-child {
  padding-top: 0;
  border-top: 0;
}

.pronovaSearchResults .obj_article_summary .title {
  font-size: 24px;
  line-height: 1.25;
}

.pronovaSearchResults .obj_article_summary .meta,
.pronovaSearchResults .obj_article_summary .summary,
.pronovaSearchStatus {
  color: #4f6456;
}

@media (max-width: 960px) {
  .pronovaPageGrid {
    grid-template-columns: 1fr;
  }

  .uizzivSearchTopbar,
  .uizzivSearchGrid,
  .uizzivFilterRow,
  .uizzivFilterControls,
  .uizzivFilterControls--stack,
  .pronovaSearchForm__row,
  .pronovaSearchForm .date_range {
    grid-template-columns: 1fr;
  }

  .uizzivSearchTopbar {
    padding: 10px;
    gap: 10px;
  }

  .uizzivSearchField,
  .uizzivSearchField input,
  .uizzivSearchSubmit {
    min-height: 74px;
  }
}

.pronova_journal_page .pronovaAuthCard,
.pronova_journal_page .pronovaAuthCard--wide,
body.pkp_page_login .pronovaAuthCard,
body.pkp_page_register .pronovaAuthCard {
  border-color: rgba(67, 103, 42, 0.14);
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 20px 36px rgba(21, 52, 29, 0.08);
}

.pronova_journal_page .pronovaAuthCard legend,
.pronova_journal_page .pronovaAuthCard .label,
.pronova_journal_page .pronovaAuthCard .required,
.pronova_journal_page .pronovaAuthCard p,
body.pkp_page_login .pronovaAuthCard legend,
body.pkp_page_register .pronovaAuthCard legend,
body.pkp_page_login .pronovaAuthCard .label,
body.pkp_page_register .pronovaAuthCard .label,
body.pkp_page_login .pronovaAuthCard .required,
body.pkp_page_register .pronovaAuthCard .required {
  color: #274230 !important;
}

.pronova_journal_page .pronovaAuthField__label,
.pronova_journal_page .pronovaAuthForm .label,
.pronova_journal_page .pronovaAuthCheck,
.pronova_journal_page .pronovaAuthCheck label,
.pronova_journal_page .pronovaAuthCheck span,
body.pkp_page_login .pronovaAuthField__label,
body.pkp_page_register .pronovaAuthField__label,
body.pkp_page_login .pronovaAuthCheck,
body.pkp_page_register .pronovaAuthCheck,
body.pkp_page_login .pronovaAuthCheck label,
body.pkp_page_register .pronovaAuthCheck label {
  color: #274230 !important;
}

.pronova_journal_page .pronovaAuthForm input::placeholder,
.pronova_journal_page .pronovaAuthForm textarea::placeholder,
body.pkp_page_login .pronovaAuthForm input::placeholder,
body.pkp_page_register .pronovaAuthForm input::placeholder {
  color: rgba(58, 80, 63, 0.72) !important;
}

.pronova_journal_page .pronovaAuthField__metaLink,
.pronova_journal_page .pronovaAuthForm .password a,
body.pkp_page_login .pronovaAuthField__metaLink,
body.pkp_page_register .pronovaAuthField__metaLink {
  color: #6b8d34 !important;
}

.pronova_journal_page .pronovaAuthField__metaLink:hover,
.pronova_journal_page .pronovaAuthForm .password a:hover,
body.pkp_page_login .pronovaAuthField__metaLink:hover,
body.pkp_page_register .pronovaAuthField__metaLink:hover {
  color: #547324 !important;
}

.pronovaSocialDivider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 14px;
  margin: 6px 0 2px;
  color: #4f6456;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.pronovaSocialDivider::before,
.pronovaSocialDivider::after {
  content: "";
  height: 1px;
  background: linear-gradient(90deg, rgba(96, 122, 73, 0.02) 0%, rgba(96, 122, 73, 0.24) 100%);
}

.pronovaSocialDivider::after {
  background: linear-gradient(90deg, rgba(96, 122, 73, 0.24) 0%, rgba(96, 122, 73, 0.02) 100%);
}

.pronovaSocialButtons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.pronovaSocialBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 18px;
  border: 1px solid rgba(44, 74, 46, 0.14);
  border-radius: 14px;
  background: #f7fbf4;
  color: #173523;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 10px 20px rgba(18, 44, 24, 0.06);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.pronovaSocialBtn:hover,
.pronovaSocialBtn:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(18, 44, 24, 0.1);
  border-color: rgba(93, 125, 40, 0.3);
}

.pronovaSocialBtn__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

.pronovaSocialBtn--google .pronovaSocialBtn__badge {
  background: linear-gradient(180deg, #4285f4 0%, #2a66cc 100%);
}

.pronovaSocialBtn--facebook .pronovaSocialBtn__badge {
  background: linear-gradient(180deg, #1977f3 0%, #1258b4 100%);
}

.pronovaSocialBtn--x .pronovaSocialBtn__badge {
  background: linear-gradient(180deg, #24362b 0%, #111b15 100%);
}

.pronovaAuthAlert {
  padding: 14px 16px;
  border-radius: 14px;
  font-size: 15px;
  line-height: 1.55;
}

.pronovaAuthAlert--error {
  border: 1px solid rgba(180, 72, 51, 0.18);
  background: rgba(248, 234, 227, 0.94);
  color: #8a2f1e;
}

.pronovaAuthAlert--notice {
  border: 1px solid rgba(93, 125, 40, 0.2);
  background: rgba(237, 245, 227, 0.96);
  color: #35541a;
}

.pronova_journal_page .pronovaAuthForm input[type="text"],
.pronova_journal_page .pronovaAuthForm input[type="email"],
.pronova_journal_page .pronovaAuthForm input[type="password"],
.pronova_journal_page .pronovaAuthForm input[type="tel"],
.pronova_journal_page .pronovaAuthForm input[type="url"],
.pronova_journal_page .pronovaAuthForm select,
.pronova_journal_page .pronovaAuthForm textarea {
  border-color: rgba(67, 103, 42, 0.16);
  background: #fbfdf8;
  color: #173523;
}

.pronova_journal_page .pronovaAuthForm input:focus,
.pronova_journal_page .pronovaAuthForm select:focus,
.pronova_journal_page .pronovaAuthForm textarea:focus,
.pronovaSearchForm input:focus,
.pronovaSearchForm select:focus {
  outline: 0;
  border-color: #7ea33e;
  box-shadow: 0 0 0 3px rgba(126, 163, 62, 0.18);
}

body.pkp_page_submission,
body.pkp_page_submissionWizard,
body.pkp_page_submission.pkp_op_step,
body.pkp_page_submissionWizard.pkp_op_saveStep {
  background:
    radial-gradient(circle at top right, rgba(153, 180, 84, 0.12) 0, rgba(153, 180, 84, 0) 24%),
    linear-gradient(180deg, #f5f8f2 0%, #edf3e9 100%);
}

body.pkp_page_submission .page,
body.pkp_page_submissionWizard .page {
  width: min(1120px, calc(100% - 40px));
  margin: 32px auto 40px;
  padding: 28px;
  border: 1px solid rgba(47, 86, 53, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 34px rgba(15, 43, 24, 0.08);
}

body.pkp_page_submission h1,
body.pkp_page_submissionWizard h1,
body.pkp_page_submission h2,
body.pkp_page_submissionWizard h2,
body.pkp_page_submission legend,
body.pkp_page_submissionWizard legend {
  color: #173523;
}

body.pkp_page_submission .cmp_form input[type="text"],
body.pkp_page_submission .cmp_form input[type="email"],
body.pkp_page_submission .cmp_form input[type="password"],
body.pkp_page_submission .cmp_form input[type="file"],
body.pkp_page_submission .cmp_form textarea,
body.pkp_page_submission .cmp_form select,
body.pkp_page_submissionWizard .cmp_form input[type="text"],
body.pkp_page_submissionWizard .cmp_form input[type="email"],
body.pkp_page_submissionWizard .cmp_form input[type="password"],
body.pkp_page_submissionWizard .cmp_form input[type="file"],
body.pkp_page_submissionWizard .cmp_form textarea,
body.pkp_page_submissionWizard .cmp_form select {
  border: 1px solid rgba(67, 103, 42, 0.16);
  border-radius: 10px;
  background: #fbfdf8;
  color: #173523;
}

body.pkp_page_submission .cmp_form input:focus,
body.pkp_page_submission .cmp_form textarea:focus,
body.pkp_page_submission .cmp_form select:focus,
body.pkp_page_submissionWizard .cmp_form input:focus,
body.pkp_page_submissionWizard .cmp_form textarea:focus,
body.pkp_page_submissionWizard .cmp_form select:focus {
  outline: 0;
  border-color: #7ea33e;
  box-shadow: 0 0 0 3px rgba(126, 163, 62, 0.18);
}

body.pkp_page_submission .cmp_form .submit button,
body.pkp_page_submission .buttons button,
body.pkp_page_submission .pkp_button,
body.pkp_page_submissionWizard .cmp_form .submit button,
body.pkp_page_submissionWizard .buttons button,
body.pkp_page_submissionWizard .pkp_button {
  min-height: 46px;
  padding: 0 18px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, #7ea33e 0%, #5d7d28 100%);
  color: #f7fbf4;
  font-weight: 700;
}

body.pkp_page_submission .section-policy,
body.pkp_page_submission .submission_checklist,
body.pkp_page_submissionWizard .section-policy,
body.pkp_page_submissionWizard .submission_checklist {
  padding: 18px;
  border: 1px solid rgba(47, 86, 53, 0.1);
  border-radius: 14px;
  background: #f7fbf5;
}

body.pkp_page_submission .pkp_controllers_grid .gridPanel,
body.pkp_page_submissionWizard .pkp_controllers_grid .gridPanel,
body.pkp_page_submission .listPanel,
body.pkp_page_submissionWizard .listPanel {
  border-radius: 14px;
  border-color: rgba(47, 86, 53, 0.1);
  box-shadow: none;
}

body.pkp_page_submission .submission_progress,
body.pkp_page_submissionWizard .submission_progress {
  margin-bottom: 20px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f7fbf5;
}

/* Auth experience refresh */
.pronovaAuthTopbar {
  position: relative;
  z-index: 4;
  border-bottom: 1px solid rgba(232, 239, 220, 0.18);
  background: rgba(11, 33, 24, 0.56);
}

.pronovaAuthTopbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 86px;
}

.pronovaAuthTopbar__nav {
  display: flex;
  align-items: center;
  gap: 34px;
  flex-wrap: wrap;
}

.pronovaAuthTopbar__link {
  color: rgba(244, 246, 236, 0.92);
  font-size: 16px;
  text-decoration: none;
}

.pronovaAuthTopbar__link:hover,
.pronovaAuthTopbar__link:focus-visible {
  color: #fff;
}

.pronovaAuthTopbar__cta {
  min-width: 170px;
  min-height: 52px;
  font-size: 16px;
}

.pronovaAuthHero {
  padding: 0 0 42px;
}

.pronovaAuthHero__backdrop {
  background:
    linear-gradient(180deg, rgba(6, 24, 18, 0.14) 0%, rgba(6, 24, 18, 0.62) 100%),
    url("http://173.212.237.167:8092/plugins/themes/pronova/images/ljubljana-city-2023.jpg") center top / cover no-repeat;
}

.pronovaAuthHero__inner {
  min-height: calc(100vh - 86px);
  align-content: start;
  gap: 22px;
  padding-top: 56px;
  padding-bottom: 40px;
}

.pronovaAuthHero__brand {
  display: grid;
  justify-items: center;
  gap: 4px;
  margin-top: 10px;
}

.pronovaAuthHero__mark {
  margin-top: 0;
  color: #e5d39a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 4vw, 64px);
  line-height: 0.96;
}

.pronovaAuthHero__submark {
  color: #e7e4cb;
  font-size: clamp(18px, 1.8vw, 26px);
  letter-spacing: 0.04em;
}

.pronovaAuthHero h1 {
  margin-top: 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(46px, 5vw, 76px);
  text-shadow: 0 2px 18px rgba(6, 19, 13, 0.34);
}

.pronovaAuthHero p {
  max-width: 760px;
  margin-bottom: 0;
  color: rgba(246, 246, 236, 0.92);
  font-size: clamp(18px, 1.9vw, 22px);
  line-height: 1.7;
  text-align: center;
}

.pronovaAuthHero__support {
  width: min(100%, 760px);
  padding: 18px 22px;
  border: 1px solid rgba(232, 238, 222, 0.18);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(248, 246, 236, 0.12) 0%, rgba(248, 246, 236, 0.06) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  text-align: left;
}

.pronovaAuthHero__support--compact {
  width: min(100%, 640px);
}

.pronovaAuthHero__support h2 {
  margin: 0 0 8px;
  color: #f5f1df;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(24px, 2.4vw, 32px);
}

.pronovaAuthHero__support p {
  max-width: none;
  margin: 0;
  color: rgba(243, 245, 232, 0.88);
  font-size: 16px;
  line-height: 1.65;
  text-align: left;
}

.pronovaAuthHero__benefits {
  display: grid;
  gap: 10px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.pronovaAuthHero__benefits li {
  position: relative;
  padding-left: 18px;
  color: rgba(246, 247, 239, 0.9);
  font-size: 15px;
  line-height: 1.6;
}

.pronovaAuthHero__benefits li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #9ab64a;
}

.pronovaAuthCard,
.pronovaAuthCard--wide {
  width: min(100%, 760px);
  padding: 32px 32px 26px;
  border: 1px solid rgba(231, 237, 220, 0.12);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(18, 49, 40, 0.76) 0%, rgba(13, 39, 31, 0.76) 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 18px 42px rgba(5, 18, 12, 0.24);
  backdrop-filter: blur(7px);
}

.pronovaAuthCard--wide {
  width: min(100%, 1060px);
}

.pronovaAuthForm {
  gap: 20px;
}

.pronovaAuthForm .fields {
  gap: 18px;
}

.pronovaAuthField {
  gap: 10px;
}

.pronovaAuthField__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-content: flex-end;
}

.pronovaAuthField__label,
.pronovaAuthForm .label {
  display: block;
  color: #f2f5e7;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.pronovaAuthField__control {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  min-height: 64px;
  border: 1px solid rgba(235, 239, 225, 0.28);
  border-radius: 16px;
  background: rgba(250, 248, 241, 0.98);
  overflow: hidden;
}

.pronovaAuthField__control--icon input {
  min-height: 64px !important;
  border: 0 !important;
  background: transparent !important;
  color: #23392b !important;
  box-shadow: none !important;
  font-size: 17px;
  font-weight: 600;
}

.pronovaAuthField__control--icon input::placeholder {
  color: rgba(51, 70, 56, 0.6) !important;
}

.pronovaAuthField__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-right: 1px solid rgba(46, 70, 55, 0.1);
  color: #173a2b;
  font-size: 15px;
  font-weight: 800;
}

.pronovaAuthSectionIntro {
  margin-bottom: 4px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(226, 234, 214, 0.14);
}

.pronovaAuthSectionIntro h2 {
  margin: 0 0 6px;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(24px, 2vw, 30px);
}

.pronovaAuthSectionIntro p {
  margin: 0;
  color: rgba(238, 243, 226, 0.82);
  font-size: 15px;
  line-height: 1.65;
}

.pronovaAuthSectionIntro--register {
  margin-bottom: 12px;
}

.pronovaAuthForm input[type="text"],
.pronovaAuthForm input[type="email"],
.pronovaAuthForm input[type="password"],
.pronovaAuthForm input[type="tel"],
.pronovaAuthForm input[type="url"],
.pronovaAuthForm select,
.pronovaAuthForm textarea {
  color: #23392b;
}

.pronovaAuthCheck,
.pronovaAuthCheck label,
.pronovaAuthCheck span {
  color: #f3f5e9 !important;
}

.pronovaAuthCheck {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pronovaAuthField__metaLink,
.pronovaAuthForm .password a {
  color: #d9ebb0 !important;
  font-size: 14px;
  font-weight: 700;
}

.pronovaAuthActions,
.pronovaAuthForm .buttons {
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  margin-top: 4px;
}

.pronovaAuthSubmit,
.pronovaAuthSecondary,
.pronovaAuthForm .buttons .submit,
.pronovaAuthForm .buttons .login,
.pronovaAuthForm .buttons .register {
  min-width: 180px;
  min-height: 56px;
  border-radius: 12px;
  font-size: 16px;
}

.pronovaSocialDivider {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(226, 233, 214, 0.14);
}

.pronovaSocialDivider span {
  color: rgba(238, 241, 223, 0.88);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.pronovaSocialButtons {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.pronovaSocialBtn {
  min-height: 58px;
  border-radius: 14px;
  border-color: rgba(227, 233, 214, 0.18);
  background: rgba(250, 249, 242, 0.96);
  font-size: 15px;
  font-weight: 700;
}

.pronovaSocialBtn--facebook {
  background: linear-gradient(180deg, rgba(64, 104, 150, 0.96) 0%, rgba(48, 80, 118, 0.96) 100%);
  color: #fff;
}

.pronovaSocialBtn--x {
  grid-column: 1 / -1;
  max-width: 260px;
  margin: 0 auto;
  background: linear-gradient(180deg, rgba(34, 43, 38, 0.96) 0%, rgba(18, 25, 21, 0.98) 100%);
  color: #fff;
}

.pronovaAuthBottomCopy {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
  color: rgba(244, 246, 235, 0.88);
  font-size: 16px;
}

.pronovaAuthBottomCopy a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

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

.pronovaAuthPage .pronovaFooter {
  background: rgba(9, 29, 21, 0.62);
}

@media (max-width: 900px) {
  .pronovaAuthTopbar__inner {
    min-height: auto;
    padding: 16px 0;
    align-items: flex-start;
    flex-direction: column;
  }

  .pronovaAuthTopbar__nav {
    gap: 16px 20px;
  }

  .pronovaAuthHero__inner {
    min-height: auto;
    padding-top: 38px;
  }

  .pronovaAuthCard,
  .pronovaAuthCard--wide {
    padding: 24px 20px 22px;
    border-radius: 20px;
  }
}

@media (max-width: 640px) {
  .pronovaAuthHero h1 {
    font-size: clamp(34px, 10vw, 50px);
  }

  .pronovaAuthHero p,
  .pronovaAuthHero__support p {
    font-size: 15px;
  }

  .pronovaAuthField__row {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .pronovaAuthActions,
  .pronovaAuthForm .buttons,
  .pronovaSocialButtons {
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .pronovaAuthSubmit,
  .pronovaAuthSecondary,
  .pronovaAuthForm .buttons .submit,
  .pronovaAuthForm .buttons .login,
  .pronovaAuthForm .buttons .register,
  .pronovaSocialBtn {
    width: 100%;
    max-width: none;
  }

  .pronovaSocialBtn--x {
    grid-column: auto;
    margin: 0;
  }

  .pronovaAuthBottomCopy {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
}

.pronovaAuthPage .uizzivFooterGrid,
.pronovaAuthPage .uizzivFooterBottom {
  color: rgba(240, 243, 228, 0.94);
}

@media (max-width: 820px) {
  .pronovaAuthTopbar__inner,
  .pronovaAuthTopbar__nav {
    flex-direction: column;
    align-items: stretch;
  }

  .pronovaSocialButtons {
    grid-template-columns: 1fr;
  }

  .pronovaSocialBtn--x {
    grid-column: auto;
    max-width: none;
  }
}