*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --helix-zaglavlje-visina: 140px;
  --helix-glavni-max-sirina: 1490px;
  --helix-brzina-prijelaza: 0.4s;
  --helix-radijus-granice: 12px;
  --helix-sjena-ploha: 0 8px 24px rgba(0, 0, 0, 0.15);
  --helix-gradijent-pozadina-1: linear-gradient(135deg, #0d1b2a 0%, #1d84b5 100%);
  --helix-gradijent-pozadina-2: linear-gradient(135deg, #f4a261 0%, #e76f51 100%);
  --helix-gradijent-pozadina-3: linear-gradient(135deg, #2a9d8f 0%, #52b788 100%);
  --helix-gradijent-pozadina-4: linear-gradient(135deg, #ff4d6d 0%, #ff758f 100%);
  --helix-bojanje-teksta-primarni: #1b1f2e;
  --helix-bojanje-teksta-sekundarni: #465160;
  --helix-bojanje-pozadina-primarni: rgba(250, 252, 255, 0.95);
  --helix-bojanje-pozadina-sekundarni: rgba(234, 244, 249, 0.9);
  --helix-bojanje-istaknuto-1: #1d84b5;
  --helix-bojanje-istaknuto-2: #63c6ff;
  --helix-bojanje-istaknuto-3: #f4a261;
  --helix-bojanje-istaknuto-4: #2a9d8f;
}

body {
  font-family: 'Space Grotesk', sans-serif;
  color: var(--helix-bojanje-teksta-primarni);
  line-height: 1.6;
  position: relative;
  min-height: 100vh;
}

.helix-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.helix-background-image {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/helix-core/helix-media/background-visual-image.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.helix-zaglavlje {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  position: relative;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.helix-zaglavlje-sadrzaj {
  width: 100%;
  margin: 0 auto;
}

.helix-zaglavlje-gornji-dio {
  background: var(--helix-gradijent-pozadina-1);
  color: white;
  padding: 1.5rem 1rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.helix-podrska-linija {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}

.helix-podrska-linija a {
  color: white;
  text-decoration: none;
  font-weight: 500;
}

.helix-zaglavlje-donji-dio {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 1.5rem;
  min-height: 80px;
}

.helix-logo-sekcija {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.helix-logo-slika {
  width: 100%;
  max-width: 50px;
  height: 100%;
  max-height: 50px;
}

.helix-naziv-sajta {
  font-family: 'Cinzel', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--helix-bojanje-istaknuto-1);
}

.helix-navigacijski-izbornik {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}

.helix-navigacijska-poveznica {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  color: var(--helix-bojanje-teksta-primarni);
  font-weight: 500;
  transition: color var(--helix-brzina-prijelaza);
  padding: 0.5rem 0;
}

.helix-navigacijska-poveznica:hover {
  color: var(--helix-bojanje-istaknuto-1);
}

.helix-mobilni-izbornik-gumb {
  display: none;
  flex-direction: column;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
}

.helix-mobilni-izbornik-crta {
  width: 25px;
  height: 3px;
  background: var(--helix-bojanje-teksta-primarni);
  transition: var(--helix-brzina-prijelaza);
}

.helix-glavni-sadrzaj {
  max-width: var(--helix-glavni-max-sirina);
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
  z-index: 1;
}

.helix-dobrodoslica-sekcija {
  padding: 6rem 0;
  margin: 2rem auto;
  text-align: center;
  background: var(--helix-bojanje-pozadina-sekundarni);
  border-radius: var(--helix-radijus-granice);
}

.helix-dobrodoslica-sadrzaj h1 {
  font-family: 'Cinzel', serif;
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  background: var(--helix-gradijent-pozadina-1);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  min-height: 4.5rem;
}

.helix-dobrodoslica-tekst {
  max-width: 800px;
  margin: 0 auto;
}

.helix-dobrodoslica-tekst p {
  font-size: 1.2rem;
  margin-bottom: 2.5rem;
  color: var(--helix-bojanje-teksta-primarni);
}

.helix-dobrodoslica-tekst-ph {
  font-size: 1.2rem;
  margin-bottom: 2.5rem;
  color: var(--helix-bojanje-teksta-primarni);
}

.helix-informativni-blokovi {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 3rem;
  justify-content: center;
}

.helix-informativni-blok {
  background: var(--helix-bojanje-pozadina-primarni);
  padding: 1.5rem;
  border-radius: var(--helix-radijus-granice);
  box-shadow: var(--helix-sjena-ploha);
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: 300px;
}

.helix-informativni-blok .helix-icon {
  color: var(--helix-bojanje-istaknuto-1);
  font-size: 2rem;
}

.helix-pregled-poveznica {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--helix-gradijent-pozadina-1);
  color: white;
  padding: 1rem 2rem;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 500;
  transition: transform var(--helix-brzina-prijelaza);
}

.helix-pregled-poveznica:hover {
  transform: translateY(-3px);
}

.helix-platforme-sekcija {
  padding: 5rem 0;
  background: var(--helix-bojanje-pozadina-sekundarni);
  border-radius: var(--helix-radijus-granice);
  margin: 2rem 0;
}

.helix-platforme-sadrzaj {
  padding: 0 2rem;
}

.helix-platforme-sadrzaj h2 {
  font-family: 'Cinzel', serif;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 1rem;
  color: var(--helix-bojanje-istaknuto-2);
  min-height: 3rem;
}

.helix-platforme-opis {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.1rem;
  color: var(--helix-bojanje-teksta-sekundarni);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.helix-platforme-lista {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.helix-platforma-kartica {
  background: var(--helix-bojanje-pozadina-primarni);
  border-radius: var(--helix-radijus-granice);
  padding: 2rem;
  box-shadow: var(--helix-sjena-ploha);
  transition: transform var(--helix-brzina-prijelaza);
}

.helix-platforma-kartica:hover {
  transform: translateY(-5px);
}

.helix-platforma-zaglavlje {
  margin-bottom: 1.5rem;
}

.helix-platforma-logo-ocjena {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.helix-platforma-logo {
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 60px;
}

.helix-platforma-ocjena {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #fbbf24;
}

.helix-ocjena-broj {
  font-weight: 700;
  color: var(--helix-bojanje-teksta-primarni);
}

.helix-platforma-zaglavlje h3 {
  font-family: 'Cinzel', serif;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  min-height: 2rem;
}

.helix-platforma-tip {
  background: var(--helix-gradijent-pozadina-3);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  display: inline-block;
}

.helix-platforma-prednosti {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.helix-platforma-prednost {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--helix-bojanje-pozadina-sekundarni);
  padding: 0.5rem 1rem;
  border-radius: 20px;
}

.helix-platforma-prednost .helix-icon {
  color: var(--helix-bojanje-istaknuto-3);
  font-size: 1.2rem;
}

.helix-platforma-placanja {
  margin-bottom: 2rem;
}

.helix-platforma-placanja h4 {
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
  min-height: 1.5rem;
}

.helix-placanja-lista {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.helix-placanje-opcija {
  background: var(--helix-gradijent-pozadina-4);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.9rem;
  font-weight: 500;
}

.helix-platforma-poveznica {
  display: inline-block;
  background: var(--helix-gradijent-pozadina-2);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 500;
  transition: transform var(--helix-brzina-prijelaza);
}

.helix-platforma-poveznica:hover {
  transform: scale(1.05);
}

.helix-kriteriji-sekcija {
  padding: 5rem 0;
  background: var(--helix-bojanje-pozadina-sekundarni);
  border-radius: var(--helix-radijus-granice);
}

.helix-kriteriji-sadrzaj h2 {
  font-family: 'Cinzel', serif;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 1rem;
  color: var(--helix-bojanje-istaknuto-3);
  min-height: 3rem;
}

.helix-kriteriji-opis {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.1rem;
  color: var(--helix-bojanje-teksta-primarni);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.helix-kriteriji-lista {
  display: flex;
  gap: 2rem;
  padding: 1rem;
  justify-content: space-between;
}

.helix-kriterij-stupac {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex: 1;
}

.helix-kriterij-element {
  background: var(--helix-bojanje-pozadina-primarni);
  padding: 2rem;
  border-radius: var(--helix-radijus-granice);
  box-shadow: var(--helix-sjena-ploha);
  text-align: center;
}

.helix-kriterij-element .helix-icon {
  font-size: 3rem;
  color: var(--helix-bojanje-istaknuto-4);
  margin-bottom: 1rem;
}

.helix-kriterij-element h3 {
  font-family: 'Cinzel', serif;
  font-size: 1.3rem;
  margin-bottom: 1rem;
  min-height: 2rem;
}

.helix-kriterij-element p {
  min-height: 103px;
}

.helix-odgovorna-igra-sekcija {
  padding: 5rem 1rem;
  background: var(--helix-bojanje-pozadina-sekundarni);
  border-radius: var(--helix-radijus-granice);
  margin: 2rem 0;
}

.helix-odgovorna-igra-sadrzaj {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: center;
}

.helix-odgovorna-igra-tekst {
  flex: 1;
}

.helix-odgovorna-igra-tekst h2 {
  font-family: 'Cinzel', serif;
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
  color: var(--helix-bojanje-istaknuto-1);
  min-height: 2.8rem;
}

.helix-odgovorna-igra-tekst p {
  margin-bottom: 2rem;
  line-height: 1.7;
}

.helix-odgovorna-igra-tekst a {
  color: var(--helix-bojanje-istaknuto-2);
  text-decoration: none;
  font-weight: 500;
}

.helix-odgovorna-poveznica {
  display: inline-block;
  background: var(--helix-gradijent-pozadina-1);
  color: white !important;
  padding: 1rem 2rem;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 500;
  transition: transform var(--helix-brzina-prijelaza);
}

.helix-odgovorna-poveznica:hover {
  transform: translateY(-3px);
}

.helix-odgovorna-igra-partneri {
  flex: 1;
}

.helix-partneri-lista {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  align-items: center;
  justify-items: center;
}

.helix-partner-poveznica {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  padding: 1rem;
  border-radius: var(--helix-radijus-granice);
  box-shadow: var(--helix-sjena-ploha);
  transition: transform var(--helix-brzina-prijelaza);
  width: 160px;
  height: 90px;
}

.helix-partner-poveznica:hover {
  transform: scale(1.05);
}

.helix-partner-poveznica img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.helix-dobna-ogranicenja {
  background: var(--helix-gradijent-pozadina-2);
  color: white;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  box-shadow: var(--helix-sjena-ploha);
}

.helix-o-nama-sekcija {
  padding: 5rem 0;
  background: var(--helix-bojanje-pozadina-sekundarni);
  border-radius: var(--helix-radijus-granice);
}

.helix-o-nama-sadrzaj {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.helix-o-nama-vizual {
  text-align: center;
}

.helix-o-nama-vizual img {
  width: 100%;
  max-width: 1450px;
  height: 100%;
  max-height: 400px;
  border-radius: var(--helix-radijus-granice);
  box-shadow: var(--helix-sjena-ploha);
}

.helix-o-nama-tekstovi {
  display: flex;
  gap: 3rem;
}

.helix-o-nama-blok {
  flex: 1;
  background: var(--helix-bojanje-pozadina-primarni);
  padding: 2rem;
  border-radius: var(--helix-radijus-granice);
  box-shadow: var(--helix-sjena-ploha);
}

.helix-o-nama-blok h2 {
  font-family: 'Cinzel', serif;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  color: var(--helix-bojanje-istaknuto-4);
  min-height: 2.5rem;
}

.helix-o-nama-blok p {
  margin-bottom: 2rem;
  line-height: 1.7;
}

.helix-prednosti-mreza {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.helix-prednost-celija {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--helix-bojanje-pozadina-sekundarni);
  padding: 1rem;
  border-radius: 10px;
}

.helix-prednost-celija .helix-icon {
  color: var(--helix-bojanje-istaknuto-1);
}

.helix-saznaj-vise-poveznica {
  display: inline-block;
  background: var(--helix-gradijent-pozadina-3);
  color: white;
  padding: 1rem 2rem;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 500;
  transition: transform var(--helix-brzina-prijelaza);
  align-self: center;
}

.helix-saznaj-vise-poveznica:hover {
  transform: translateY(-3px);
}

.helix-podnozje {
  background: rgba(45, 55, 72, 0.9);
  color: white;
  margin-top: 4rem;
}

.helix-podnozje-sadrzaj {
  max-width: var(--helix-glavni-max-sirina);
  margin: 0 auto;
  padding: 0 1rem;
}

.helix-podnozje-odgovorna-igra {
  padding: 3rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.helix-podnozje-odgovorna-igra h3 {
  font-family: 'Cinzel', serif;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  min-height: 2.2rem;
}

.helix-podnozje-odgovorna-igra p {
  margin-bottom: 2rem;
  line-height: 1.7;
}

.helix-podnozje-odgovorna-igra a {
  color: #63b3ed;
  text-decoration: none;
}

.helix-odgovorna-poveznica-podnozje {
  display: inline-block;
  background: var(--helix-gradijent-pozadina-1);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 500;
  margin-bottom: 2rem;
  transition: transform var(--helix-brzina-prijelaza);
}

.helix-odgovorna-poveznica-podnozje:hover {
  transform: translateY(-2px);
}

.helix-partneri-podnozje {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
}

.helix-partner-poveznica-podnozje {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  padding: 0.75rem;
  border-radius: 8px;
  transition: transform var(--helix-brzina-prijelaza);
  width: 140px;
  height: 70px;
}

.helix-partner-poveznica-podnozje:hover {
  transform: scale(1.05);
}

.helix-partner-poveznica-podnozje img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.helix-dobna-ogranicenja-podnozje {
  background: var(--helix-gradijent-pozadina-2);
  color: white;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.helix-podnozje-informacije {
  padding: 2rem 0;
}

.helix-podnozje-navigacija {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: 1rem;
}

.helix-podnozje-naziv {
  font-family: 'Cinzel', serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.helix-podnozje-poveznice {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
}

.helix-podnozje-poveznice a {
  color: white;
  text-decoration: none;
  transition: color var(--helix-brzina-prijelaza);
}

.helix-podnozje-poveznice a:hover {
  color: #63b3ed;
}

.helix-podnozje-autorska-prava {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  flex-wrap: wrap;
  gap: 1rem;
}

.helix-podnozje-dodatne-poveznice {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}

.helix-podnozje-dodatne-poveznice a {
  color: #cbd5e0;
  text-decoration: none;
  font-size: 0.9rem;
  transition: color var(--helix-brzina-prijelaza);
}

.helix-podnozje-dodatne-poveznice a:hover {
  color: white;
}

.helix-dobna-provierka-pozadina {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  overflow-y: auto;
}

.helix-dobna-provierka-dijalog {
  background: white;
  border-radius: var(--helix-radijus-granice);
  padding: 3rem;
  max-width: 500px;
  width: 90%;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: helix-dijalog-pojavljivanje 0.5s ease-out;
}

.helix-dobna-provierka-sadrzaj h2 {
  font-family: 'Cinzel', serif;
  font-size: 2rem;
  margin-bottom: 1rem;
  color: var(--helix-bojanje-istaknuto-1);
  min-height: 2.5rem;
}

.helix-dobna-provierka-sadrzaj p {
  margin-bottom: 2rem;
  color: var(--helix-bojanje-teksta-sekundarni);
}

.helix-dobna-provierka-gumbi {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

.helix-dobna-provierka-potvrda {
  background: var(--helix-gradijent-pozadina-1);
  color: white;
  border: none;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-weight: 500;
  cursor: pointer;
  transition: transform var(--helix-brzina-prijelaza);
}

.helix-dobna-provierka-potvrda:hover {
  transform: scale(1.05);
}

.helix-dobna-provierka-odustajanje {
  background: transparent;
  color: var(--helix-bojanje-teksta-sekundarni);
  border: 2px solid var(--helix-bojanje-teksta-sekundarni);
  padding: 1rem 2rem;
  border-radius: 25px;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--helix-brzina-prijelaza);
}

.helix-dobna-provierka-odustajanje:hover {
  background: var(--helix-bojanje-teksta-sekundarni);
  color: white;
}

.helix-kolacihelix-obavijest-traka {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--helix-bojanje-pozadina-primarni);
  padding: 1.5rem;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
  z-index: 1500;
  overflow-y: auto;
}

.helix-kolacihelix-obavijest-sadrzaj {
  max-width: var(--helix-glavni-max-sirina);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.helix-kolacihelix-obavijest-sadrzaj p {
  flex: 1;
  margin: 0;
}

.helix-kolacihelix-obavijest-sadrzaj a {
  color: var(--helix-bojanje-istaknuto-2);
  text-decoration: none;
  font-weight: 500;
}

.helix-kolacihelix-pridruzivanje {
  background: var(--helix-gradijent-pozadina-1);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 20px;
  font-weight: 500;
  cursor: pointer;
  transition: transform var(--helix-brzina-prijelaza);
  white-space: nowrap;
}

.helix-kolacihelix-pridruzivanje:hover {
  transform: scale(1.05);
}

.helix-povratna-veza-preklapanje {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  overflow-y: auto;
}

.helix-povratna-veza-modal {
  background: white;
  border-radius: var(--helix-radijus-granice);
  padding: 2rem;
  max-width: 600px;
  width: 90%;
  max-height: 90vh;
  position: relative;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: helix-dijalog-pojavljivanje 0.5s ease-out;
  overflow-y: auto;
}

.helix-povratna-veza-zatvaranje {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  color: var(--helix-bojanje-teksta-sekundarni);
  transition: color var(--helix-brzina-prijelaza);
}

.helix-povratna-veza-zatvaranje:hover {
  color: var(--helix-bojanje-teksta-primarni);
}

.helix-povratna-veza-sadrzaj h2 {
  font-family: 'Cinzel', serif;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  color: var(--helix-bojanje-istaknuto-1);
  min-height: 2.5rem;
}

.helix-povratna-veza-obrazac {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.helix-obrazac-grupa {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.helix-obrazac-grupa label {
  font-weight: 500;
  color: var(--helix-bojanje-teksta-primarni);
}

.helix-obrazac-grupa input,
.helix-obrazac-grupa textarea {
  padding: 0.75rem;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  font-family: 'Space Grotesk', sans-serif;
  transition: border-color var(--helix-brzina-prijelaza);
}

.helix-obrazac-grupa input:focus,
.helix-obrazac-grupa textarea:focus {
  outline: none;
  border-color: var(--helix-bojanje-istaknuto-1);
}

.helix-obrazac-slanganje {
  background: var(--helix-gradijent-pozadina-1);
  color: white;
  border: none;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-weight: 500;
  cursor: pointer;
  transition: transform var(--helix-brzina-prijelaza);
  align-self: flex-start;
}

.helix-obrazac-slanganje:hover {
  transform: scale(1.05);
}

.helix-uspjeh-poruka-obavijest {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: var(--helix-radijus-granice);
  padding: 2rem;
  max-width: 400px;
  width: 90%;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  z-index: 2000;
  display: none;
  animation: helix-dijalog-pojavljivanje 0.5s ease-out;
  overflow-y: auto;
}

.helix-uspjeh-poruka-sadrzaj .helix-icon {
  font-size: 4rem;
  color: #48bb78;
  margin-bottom: 1rem;
}

.helix-uspjeh-poruka-sadrzaj h3 {
  font-family: 'Cinzel', serif;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  min-height: 2rem;
}

.helix-uspjeh-poruka-sadrzaj p {
  margin-bottom: 1.5rem;
  color: var(--helix-bojanje-teksta-sekundarni);
}

.helix-uspjeh-poruka-zatvaranje {
  background: var(--helix-gradijent-pozadina-1);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 20px;
  font-weight: 500;
  cursor: pointer;
  transition: transform var(--helix-brzina-prijelaza);
}

.helix-uspjeh-poruka-zatvaranje:hover {
  transform: scale(1.05);
}

@keyframes helix-dijalog-pojavljivanje {
  from {
    opacity: 0;
    transform: scale(0.8) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@media (max-width: 1024px) {
  .helix-kriteriji-lista {
    flex-direction: column;
    gap: 1.5rem;
  }
  
  .helix-kriterij-stupac {
    flex-direction: row;
  }
  
  .helix-o-nama-tekstovi {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .helix-zaglavlje-donji-dio {
    flex-wrap: wrap;
  }
  
  .helix-navigacijski-izbornik {
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
  }
  
  .helix-navigacijski-izbornik.helix-aktivno {
    display: flex;
  }
  
  .helix-mobilni-izbornik-gumb {
    display: flex;
  }
  
  .helix-mobilni-izbornik-gumb.helix-aktivno .helix-mobilni-izbornik-crta:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
  }
  
  .helix-mobilni-izbornik-gumb.helix-aktivno .helix-mobilni-izbornik-crta:nth-child(2) {
    opacity: 0;
  }
  
  .helix-mobilni-izbornik-gumb.helix-aktivno .helix-mobilni-izbornik-crta:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
  
  .helix-dobrodoslica-sadrzaj h1 {
    font-size: 2.5rem;
    min-height: 3.5rem;
  }
  
  .helix-informativni-blokovi {
    flex-direction: column;
    align-items: center;
  }
  
  .helix-platforme-sadrzaj {
    padding: 0 0.5rem;
  }
  
  .helix-kriterij-stupac {
    flex-direction: column;
  }
  
  .helix-odgovorna-igra-sadrzaj {
    flex-direction: column;
  }
  
  .helix-partneri-lista {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .helix-podnozje-navigacija {
    flex-direction: column;
    text-align: center;
  }
  
  .helix-podnozje-autorska-prava {
    flex-direction: column;
    text-align: center;
  }
  
  .helix-dobna-provierka-gumbi {
    flex-direction: column;
  }
  
  .helix-kolacihelix-obavijest-sadrzaj {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .helix-glavni-sadrzaj,
  .helix-podnozje-sadrzaj {
    padding: 0 0.5rem;
  }
  
  .helix-dobrodoslica-sekcija,
  .helix-platforme-sekcija,
  .helix-kriteriji-sekcija,
  .helix-odgovorna-igra-sekcija,
  .helix-o-nama-sekcija {
    padding: 3rem 0;
  }
  
  .helix-dobrodoslica-sadrzaj h1 {
    font-size: 2rem;
    min-height: 3rem;
  }
  
  .helix-platforme-sadrzaj h2,
  .helix-kriteriji-sadrzaj h2 {
    font-size: 2rem;
    min-height: 2.5rem;
  }
  
  .helix-platforma-prednosti {
    flex-direction: column;
  }
  
  .helix-partneri-lista {
    grid-template-columns: 1fr;
  }
  
  .helix-prednosti-mreza {
    grid-template-columns: 1fr;
  }
  
  .helix-dobna-provierka-dijalog,
  .helix-povratna-veza-modal,
  .helix-uspjeh-poruka-obavijest {
    padding: 1.5rem;
  }
}

@media (max-width: 320px) {
  .helix-glavni-sadrzaj,
  .helix-podnozje-sadrzaj {
    padding: 0 0.3rem;
  }
  
  .helix-dobrodoslica-sekcija,
  .helix-platforme-sekcija,
  .helix-kriteriji-sekcija,
  .helix-odgovorna-igra-sekcija,
  .helix-o-nama-sekcija {
    padding: 2rem 0;
  }
  
  .helix-informativni-blok {
    padding: 1rem;
  }
  
  .helix-platforma-kartica {
    padding: 1rem;
  }
  
  .helix-kriterij-element {
    padding: 1rem;
  }
  
  .helix-o-nama-blok {
    padding: 1rem;
  }
  
  .helix-dobna-provierka-dijalog,
  .helix-povratna-veza-modal,
  .helix-uspjeh-poruka-obavijest {
    padding: 1rem;
  }
}

.helixpages-404-sadrzaj {
  max-width: 1490px;
  min-height: 80vh;
  display: flex;
  align-items: center;
  margin: 2rem auto;
  padding: 0 1rem;
  background: var(--helix-bojanje-pozadina-sekundarni);
  border-radius: var(--helix-radijus-granice);
}

.helixpages-404-omotac {
  max-width: 1490px;
  margin: 0 auto;
}

.helixpages-404-sekcija {
  padding: 4rem 0;
  margin: 0 auto;
}

.helixpages-404-sadrzaj {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
  align-items: center;
}

.helixpages-404-vizual {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}

.helixpages-404-svg-animacija {
  width: 400px;
  height: 300px;
}

.helixpages-404-tekst {
  padding: 2rem;
}

.helixpages-404-tekst h1 {
  font-family: 'Cinzel', serif;
  font-size: 3rem;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #0d1b2a 0%, #1d84b5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  min-height: 3.5rem;
}

.helixpages-404-tekst > p {
  font-size: 1.2rem;
  margin-bottom: 2.5rem;
  color: #465160;
  line-height: 1.7;
}

.helixpages-404-savjeti {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2.5rem;
}

.helixpages-404-savjet {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  background: rgba(29, 132, 181, 0.05);
  border-radius: 12px;
  border-left: 4px solid #1d84b5;
}

.helixpages-404-savjet .helix-icon {
  color: #1d84b5;
  flex-shrink: 0;
}

.helixpages-404-savjet span:last-child {
  color: #465160;
  font-weight: 500;
}

.helixpages-404-akcije {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
}

.helixpages-404-gumb-primarni {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, #0d1b2a 0%, #1d84b5 100%);
  color: white;
  padding: 1rem 2rem;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 500;
  transition: transform 0.3s ease;
}

.helixpages-404-gumb-primarni:hover {
  transform: translateY(-2px);
}

.helixpages-404-gumb-sekundarni {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: transparent;
  color: #1d84b5;
  padding: 1rem 2rem;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 500;
  border: 2px solid #1d84b5;
  transition: all 0.3s ease;
}

.helixpages-404-gumb-sekundarni:hover {
  background: rgba(29, 132, 181, 0.1);
  transform: translateY(-2px);
}

.helixpages-404-dodatne-informacije {
  padding: 1.5rem;
  background: rgba(244, 162, 97, 0.05);
  border-radius: 15px;
  border-left: 4px solid #f4a261;
}

.helixpages-404-dodatne-informacije p {
  color: #465160;
  margin-bottom: 1rem;
  line-height: 1.6;
}

.helixpages-404-kontakt-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.helixpages-404-kontakt-info .helix-icon {
  color: #f4a261;
}

.helixpages-404-kontakt-info a {
  color: #f4a261;
  text-decoration: none;
  font-weight: 500;
}

.helixpages-404-kontakt-info a:hover {
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .helixpages-404-sadrzaj {
    grid-template-columns: 1fr;
    gap: 3rem;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .helixpages-404-sadrzaj {
    min-height: 70vh;
  }
  
  .helixpages-404-sekcija {
    padding: 3rem 0;
  }
  
  .helixpages-404-tekst h1 {
    font-size: 2.5rem;
    min-height: 3rem;
  }
  
  .helixpages-404-akcije {
    justify-content: center;
  }
  
  .helixpages-404-svg-animacija {
    width: 300px;
    height: 225px;
  }
}

@media (max-width: 480px) {
  .helixpages-404-sadrzaj {
    padding: 0 0.5rem;
  }

  .helixpages-404-tekst {
    padding: 1rem 0.1rem;
  }
  
  .helixpages-404-tekst h1 {
    font-size: 2rem;
    min-height: 2.5rem;
  }
  
  .helixpages-404-tekst > p {
    font-size: 1.1rem;
  }
  
  .helixpages-404-akcije {
    flex-direction: column;
    align-items: center;
  }
  
  .helixpages-404-gumb-primarni,
  .helixpages-404-gumb-sekundarni {
    width: 250px;
    justify-content: center;
  }

  .helixpages-404-vizual {
    padding: 2rem 0.2rem;
  }
  
  .helixpages-404-svg-animacija {
    width: 250px;
    height: 188px;
  }

  .helixpages-404-kontakt-info {
    font-size: 0.7rem;
  }
}

@media (max-width: 320px) {
  .helixpages-404-sadrzaj {
    padding: 0 0.3rem;
  }
  
  .helixpages-404-sekcija {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
  
  .helixpages-404-savjet {
    padding: 0.75rem 1rem;
  }
}

.helixpages-faq-sadrzaj {
  max-width: 1490px;
  margin: 2rem auto;
  padding: 0 1rem;
  background: var(--helix-bojanje-pozadina-sekundarni);
  border-radius: var(--helix-radijus-granice);
}

.helixpages-faq-omotac {
  max-width: 1000px;
  margin: 0 auto;
}

.helixpages-faq-hero {
  padding: 4rem 0 3rem;
  text-align: center;
}

.helixpages-faq-hero h1 {
  font-family: 'Cinzel', serif;
  font-size: 3rem;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #0d1b2a 0%, #1d84b5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  min-height: 3.5rem;
}

.helixpages-faq-hero-sadrzaj {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
  margin-top: 2rem;
}

.helixpages-faq-hero-tekst p {
  font-size: 1.2rem;
  margin-bottom: 2.5rem;
  color: #465160;
  line-height: 1.7;
  text-align: left;
}

.helixpages-faq-brzi-linkovi {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.helixpages-faq-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(29, 132, 181, 0.1);
  color: #1d84b5;
  padding: 0.75rem 1.5rem;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 500;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.helixpages-faq-link:hover {
  transform: translateY(-2px);
  background: rgba(29, 132, 181, 0.15);
}

.helixpages-faq-hero-vizual {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}

.helixpages-faq-svg-animacija {
  width: 250px;
  height: 250px;
}

.helixpages-faq-sekcija {
  padding: 4rem 0;
  border-bottom: 1px solid #e2e8f0;
}

.helixpages-faq-sekcija:last-of-type {
  border-bottom: none;
}

.helixpages-faq-sekcija-zaglavlje {
  text-align: center;
  margin-bottom: 3rem;
}

.helixpages-faq-sekcija-ikona {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #f4a261 0%, #e76f51 100%);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin: 0 auto 1.5rem;
}

.helixpages-faq-sekcija-ikona .helix-icon {
  font-size: 2.5rem;
}

.helixpages-faq-sekcija h2 {
  font-family: 'Cinzel', serif;
  font-size: 2.2rem;
  margin-bottom: 1rem;
  color: #1b1f2e;
  min-height: 2.8rem;
}

.helixpages-faq-sekcija p {
  font-size: 1.1rem;
  color: #465160;
  max-width: 600px;
  margin: 0 auto;
}

.helixpages-faq-lista {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.helixpages-faq-stavka {
  background: white;
  border-radius: 15px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

.helixpages-faq-stavka:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.helixpages-faq-pitanje {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 2rem;
  cursor: pointer;
  background: white;
  border: none;
  width: 100%;
  text-align: left;
}

.helixpages-faq-pitanje .helix-icon {
  color: #f4a261;
  font-size: 1.5rem;
  flex-shrink: 0;
}

.helixpages-faq-pitanje h3 {
  font-size: 1.2rem;
  margin: 0;
  color: #1b1f2e;
  flex: 1;
  min-height: 1.6rem;
}

.helixpages-faq-ikona {
  font-size: 1.5rem;
  font-weight: 300;
  color: #1d84b5;
  transition: transform 0.3s ease;
}

.helixpages-faq-stavka.aktivno .helixpages-faq-ikona {
  transform: rotate(45deg);
}

.helixpages-faq-odgovor {
  padding: 0 2rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

.helixpages-faq-stavka.aktivno .helixpages-faq-odgovor {
  padding: 0 2rem 1.5rem;
  max-height: 500px;
}

.helixpages-faq-odgovor p {
  color: #465160;
  line-height: 1.6;
  margin: 0;
}

.helixpages-faq-odgovor a {
  color: #2a9d8f;
  text-decoration: none;
  font-weight: 500;
}

.helixpages-faq-odgovor a:hover {
  text-decoration: underline;
}

.helixpages-faq-kontakt {
  padding: 4rem 0;
  text-align: center;
}

.helixpages-faq-kontakt-sadrzaj {
  background: linear-gradient(135deg, rgba(42, 157, 143, 0.05) 0%, rgba(82, 183, 136, 0.05) 100%);
  padding: 3rem;
  border-radius: 20px;
  max-width: 600px;
  margin: 0 auto;
}

.helixpages-faq-kontakt h2 {
  font-family: 'Cinzel', serif;
  font-size: 2.2rem;
  margin-bottom: 1rem;
  color: #1b1f2e;
  min-height: 2.8rem;
}

.helixpages-faq-kontakt p {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  color: #465160;
  line-height: 1.6;
}

.helixpages-faq-kontakt-gumb {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, #2a9d8f 0%, #52b788 100%);
  color: white;
  padding: 1rem 2rem;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 500;
  transition: transform 0.3s ease;
}

.helixpages-faq-kontakt-gumb:hover {
  transform: translateY(-2px);
}

@media (max-width: 1024px) {
  .helixpages-faq-hero-sadrzaj {
    grid-template-columns: 1fr;
    gap: 2rem;
    text-align: center;
  }
  
  .helixpages-faq-hero-tekst p {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .helixpages-faq-hero {
    padding: 3rem 0 2rem;
  }
  
  .helixpages-faq-hero h1 {
    font-size: 2.2rem;
    min-height: 2.8rem;
  }
  
  .helixpages-faq-sekcija {
    padding: 3rem 0;
  }
  
  .helixpages-faq-sekcija h2 {
    font-size: 1.8rem;
    min-height: 2.3rem;
  }
  
  .helixpages-faq-pitanje {
    padding: 1.25rem 1.5rem;
  }
  
  .helixpages-faq-pitanje h3 {
    font-size: 1.1rem;
  }

  .helixpages-faq-hero-vizual {
    padding: 2rem 0.3rem;
  }
  
  .helixpages-faq-stavka.aktivno .helixpages-faq-odgovor {
    padding: 0 1.5rem 1.25rem;
  }
  
  .helixpages-faq-kontakt h2 {
    font-size: 1.8rem;
    min-height: 2.3rem;
  }
  
  .helixpages-faq-kontakt-sadrzaj {
    padding: 2.5rem;
  }
}

@media (max-width: 480px) {
  .helixpages-faq-sadrzaj {
    padding: 0 0.5rem;
  }
  
  .helixpages-faq-hero h1 {
    font-size: 1.8rem;
    min-height: 2.3rem;
  }
  
  .helixpages-faq-brzi-linkovi {
    flex-direction: column;
    align-items: center;
  }
  
  .helixpages-faq-link {
    width: 200px;
    justify-content: center;
  }
  
  .helixpages-faq-sekcija h2 {
    font-size: 1.5rem;
    min-height: 2rem;
  }
  
  .helixpages-faq-pitanje {
    padding: 1rem 1.25rem;
  }
  
  .helixpages-faq-pitanje h3 {
    font-size: 1rem;
  }
  
  .helixpages-faq-stavka.aktivno .helixpages-faq-odgovor {
    padding: 0 1.25rem 1rem;
  }
  
  .helixpages-faq-kontakt h2 {
    font-size: 1.5rem;
    min-height: 2rem;
  }
  
  .helixpages-faq-kontakt-sadrzaj {
    padding: 2rem 1.5rem;
  }

  .helixpages-faq-odgovor a {
    font-size: 0.9rem;
  }
}

@media (max-width: 320px) {
  .helixpages-faq-sadrzaj {
    padding: 0 0.3rem;
  }
  
  .helixpages-faq-hero,
  .helixpages-faq-sekcija,
  .helixpages-faq-kontakt {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.helixpages-about-sadrzaj {
  max-width: 1490px;
  margin: 2rem auto;
  padding: 0 1rem;
  background: var(--helix-bojanje-pozadina-sekundarni);
  border-radius: var(--helix-radijus-granice);
}

.helixpages-about-omotac {
  max-width: 1200px;
  margin: 0 auto;
}

.helixpages-about-put {
  padding: 4rem 0 3rem;
}

.helixpages-about-put h1 {
  font-family: 'Cinzel', serif;
  font-size: 3rem;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, #0d1b2a 0%, #1d84b5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  min-height: 3.5rem;
  text-align: center;
}

.helixpages-about-put-sadrzaj {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: start;
}

.helixpages-about-put-tekst p {
  font-size: 1.2rem;
  margin-bottom: 3rem;
  color: #465160;
  line-height: 1.7;
}

.helixpages-about-vremenska-linija {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  position: relative;
}

.helixpages-about-vremenska-linija:before {
  content: '';
  position: absolute;
  left: 35px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(135deg, #0d1b2a 0%, #1d84b5 100%);
  border-radius: 2px;
}

.helixpages-about-dogadaj {
  display: flex;
  gap: 1.5rem;
  position: relative;
  z-index: 1;
}

.helixpages-about-dogadaj-ikona {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #0d1b2a 0%, #1d84b5 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  flex-shrink: 0;
  z-index: 2;
}

.helixpages-about-dogadaj-ikona .helix-icon {
  font-size: 2rem;
}

.helixpages-about-dogadaj-sadrzaj {
  flex: 1;
  padding-top: 0.5rem;
}

.helixpages-about-dogadaj h3 {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  color: #1b1f2e;
  min-height: 1.8rem;
}

.helixpages-about-datum {
  display: inline-block;
  background: rgba(29, 132, 181, 0.1);
  color: #1d84b5;
  padding: 0.25rem 0.75rem;
  border-radius: 15px;
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.helixpages-about-dogadaj p {
  color: #465160;
  line-height: 1.6;
}

.helixpages-about-put-vizual {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}

.helixpages-about-svg-animacija {
  width: 300px;
  height: 300px;
}

.helixpages-about-misija {
  padding: 4rem 0;
  background: linear-gradient(135deg, rgba(244, 162, 97, 0.03) 0%, rgba(231, 111, 81, 0.03) 100%);
  border-radius: 25px;
  margin: 2rem 0;
}

.helixpages-about-misija-sadrzaj {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}

.helixpages-about-misija-blok {
  background: white;
  padding: 3rem;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}

.helixpages-about-misija-blok:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(135deg, #f4a261 0%, #e76f51 100%);
}

.helixpages-about-misija-ikona {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #f4a261 0%, #e76f51 100%);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin-bottom: 2rem;
}

.helixpages-about-misija-ikona .helix-icon {
  font-size: 2.5rem;
}

.helixpages-about-misija-blok h2 {
  font-family: 'Cinzel', serif;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  color: #1b1f2e;
  min-height: 2.5rem;
}

.helixpages-about-misija-blok > p {
  font-size: 1.1rem;
  margin-bottom: 2.5rem;
  color: #465160;
  line-height: 1.6;
}

.helixpages-about-prednosti {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.helixpages-about-prednost {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.helixpages-about-prednost .helix-icon {
  color: #f4a261;
  font-size: 1.8rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.helixpages-about-prednost h3 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  color: #1b1f2e;
  min-height: 1.6rem;
}

.helixpages-about-prednost p {
  color: #465160;
  line-height: 1.6;
  font-size: 0.95rem;
}

.helixpages-about-vrijednosti {
  padding: 4rem 0;
}

.helixpages-about-vrijednosti h2 {
  font-family: 'Cinzel', serif;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 1rem;
  color: #1b1f2e;
  min-height: 3rem;
}

.helixpages-about-podnaslov {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.1rem;
  color: #465160;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.helixpages-about-vrijednosti-lista {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 2rem;
}

.helixpages-about-vrijednost {
  background: white;
  padding: 2.5rem;
  border-radius: 20px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  text-align: center;
  transition: transform 0.3s ease;
}

.helixpages-about-vrijednost:hover {
  transform: translateY(-5px);
}

.helixpages-about-vrijednost-ikona {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #2a9d8f 0%, #52b788 100%);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin: 0 auto 1.5rem;
}

.helixpages-about-vrijednost-ikona .helix-icon {
  font-size: 2.5rem;
}

.helixpages-about-vrijednost h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #1b1f2e;
  min-height: 2rem;
}

.helixpages-about-vrijednost > p {
  color: #465160;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

.helixpages-about-vrijednost-lista {
  list-style: none;
  padding: 0;
  text-align: left;
}

.helixpages-about-vrijednost-lista li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  color: #465160;
  line-height: 1.5;
}

.helixpages-about-vrijednost-lista li:before {
  content: "•";
  color: #2a9d8f;
  font-weight: bold;
  position: absolute;
  left: 0;
}

.helixpages-about-tim {
  padding: 4rem 0;
  background: linear-gradient(135deg, rgba(29, 132, 181, 0.03) 0%, rgba(99, 198, 255, 0.03) 100%);
  border-radius: 25px;
  margin: 2rem 0;
}

.helixpages-about-tim h2 {
  font-family: 'Cinzel', serif;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 1rem;
  color: #1b1f2e;
  min-height: 3rem;
}

.helixpages-about-tim-lista {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
}

.helixpages-about-tim-clan {
  background: white;
  padding: 2.5rem 2rem;
  border-radius: 20px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  text-align: center;
  transition: transform 0.3s ease;
}

.helixpages-about-tim-clan:hover {
  transform: translateY(-5px);
}

.helixpages-about-tim-ikona {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #0d1b2a 0%, #1d84b5 100%);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin: 0 auto 1.5rem;
}

.helixpages-about-tim-ikona .helix-icon {
  font-size: 2.2rem;
}

.helixpages-about-tim-clan h3 {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  color: #1b1f2e;
  min-height: 4.4rem;
}

.helixpages-about-tim-clan p {
  color: #465160;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  min-height: 155px;
}

.helixpages-about-tim-detalji {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}

.helixpages-about-tim-tag {
  background: rgba(29, 132, 181, 0.1);
  color: #1d84b5;
  padding: 0.25rem 0.75rem;
  border-radius: 15px;
  font-size: 0.8rem;
  font-weight: 600;
}

@media (max-width: 1024px) {
  .helixpages-about-put-sadrzaj,
  .helixpages-about-misija-sadrzaj {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  
  .helixpages-about-put-vizual {
    order: -1;
  }
}

@media (max-width: 768px) {
  .helixpages-about-put {
    padding: 3rem 0 2rem;
  }
  
  .helixpages-about-put h1 {
    font-size: 2.2rem;
    min-height: 2.8rem;
  }
  
  .helixpages-about-vremenska-linija:before {
    left: 30px;
  }
  
  .helixpages-about-dogadaj-ikona {
    width: 60px;
    height: 60px;
  }
  
  .helixpages-about-dogadaj-ikona .helix-icon {
    font-size: 1.8rem;
  }
  
  .helixpages-about-misija-blok {
    padding: 2.5rem;
  }
  
  .helixpages-about-vrijednosti h2,
  .helixpages-about-tim h2 {
    font-size: 2rem;
    min-height: 2.5rem;
  }
  
  .helixpages-about-vrijednosti-lista,
  .helixpages-about-tim-lista {
    grid-template-columns: 1fr;
  }
  
  .helixpages-about-prednost {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .helixpages-about-sadrzaj {
    padding: 0 0.5rem;
  }
  
  .helixpages-about-put h1 {
    font-size: 1.8rem;
    min-height: 2.3rem;
  }
  
  .helixpages-about-vremenska-linija:before {
    left: 25px;
  }

  .helixpages-about-put-vizual {
    padding: 2rem 0.2rem;
  }

  .helixpages-about-svg-animacija {
    width: 250px;
    height: 250px;
  }
  
  .helixpages-about-dogadaj-ikona {
    width: 50px;
    height: 50px;
  }
  
  .helixpages-about-dogadaj-ikona .helix-icon {
    font-size: 1.5rem;
  }
  
  .helixpages-about-misija-blok {
    padding: 2rem;
  }
  
  .helixpages-about-vrijednosti h2,
  .helixpages-about-tim h2 {
    font-size: 1.6rem;
    min-height: 2rem;
  }
  
  .helixpages-about-vrijednost,
  .helixpages-about-tim-clan {
    padding: 2rem;
  }
}

@media (max-width: 320px) {
  .helixpages-about-sadrzaj {
    padding: 0 0.3rem;
  }
  
  .helixpages-about-put,
  .helixpages-about-misija,
  .helixpages-about-vrijednosti,
  .helixpages-about-tim {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.helixpages-responsible-sadrzaj {
  max-width: 1490px;
  margin: 2rem auto;
  padding: 0 1rem;
  background: var(--helix-bojanje-pozadina-sekundarni);
  border-radius: var(--helix-radijus-granice);
}

.helixpages-responsible-omotac {
  max-width: 1200px;
  margin: 0 auto;
}

.helixpages-responsible-hero {
  padding: 4rem 0 3rem;
  background: linear-gradient(135deg, rgba(29, 132, 181, 0.05) 0%, rgba(99, 198, 255, 0.05) 100%);
  border-radius: 25px;
  margin: 2rem 0;
}

.helixpages-responsible-hero-sadrzaj {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}

.helixpages-responsible-hero h1 {
  font-family: 'Cinzel', serif;
  font-size: 3rem;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #0d1b2a 0%, #1d84b5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  min-height: 3.5rem;
}

.helixpages-responsible-hero-tekst p {
  font-size: 1.2rem;
  margin-bottom: 2.5rem;
  color: #465160;
  line-height: 1.7;
}

.helixpages-responsible-statistika {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}

.helixpages-responsible-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.helixpages-responsible-broj {
  font-size: 2rem;
  font-weight: 700;
  color: #1d84b5;
  margin-bottom: 0.5rem;
}

.helixpages-responsible-opis {
  font-size: 0.9rem;
  color: #465160;
  font-weight: 500;
}

.helixpages-responsible-hero-vizual {
  display: flex;
  justify-content: center;
  align-items: center;
}

.helixpages-responsible-svg-animacija {
  width: 200px;
  height: 200px;
}

.helixpages-responsible-savjeti {
  padding: 4rem 0;
}

.helixpages-responsible-savjeti h2 {
  font-family: 'Cinzel', serif;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 1rem;
  color: #1b1f2e;
  min-height: 3rem;
}

.helixpages-responsible-podnaslov {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.1rem;
  color: #465160;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.helixpages-responsible-mreza {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
}

.helixpages-responsible-savjet {
  background: rgba(255, 255, 255, 0.9);
  padding: 2.5rem;
  border-radius: 20px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  position: relative;
  overflow: hidden;
}

.helixpages-responsible-savjet:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.helixpages-responsible-savjet-ikona {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #0d1b2a 0%, #1d84b5 100%);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin-bottom: 1.5rem;
}

.helixpages-responsible-savjet-ikona .helix-icon {
  font-size: 2.2rem;
}

.helixpages-responsible-savjet h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #1b1f2e;
  min-height: 2rem;
}

.helixpages-responsible-savjet > p {
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
  color: #465160;
  line-height: 1.6;
}

.helixpages-responsible-lista {
  list-style: none;
  padding: 0;
}

.helixpages-responsible-lista li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  color: #465160;
  line-height: 1.5;
}

.helixpages-responsible-lista li:before {
  content: "•";
  color: #1d84b5;
  font-weight: bold;
  position: absolute;
  left: 0;
}

.helixpages-responsible-resursi {
  padding: 4rem 0;
  background: linear-gradient(135deg, rgba(244, 162, 97, 0.03) 0%, rgba(231, 111, 81, 0.03) 100%);
  border-radius: 25px;
  margin: 2rem 0;
}

.helixpages-responsible-resursi h2 {
  font-family: 'Cinzel', serif;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 1rem;
  color: #1b1f2e;
  min-height: 3rem;
}

.helixpages-responsible-resursi-lista {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
}

.helixpages-responsible-resurs {
  display: flex;
  gap: 1.5rem;
  padding: 2rem;
  background: white;
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease;
}

.helixpages-responsible-resurs:hover {
  transform: translateY(-3px);
}

.helixpages-responsible-resurs-ikona {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: rgba(244, 162, 97, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f4a261;
}

.helixpages-responsible-resurs-ikona .helix-icon {
  font-size: 2rem;
}

.helixpages-responsible-resurs-sadrzaj {
  flex: 1;
}

.helixpages-responsible-resurs h3 {
  font-size: 1.3rem;
  margin-bottom: 0.75rem;
  color: #1b1f2e;
  min-height: 1.8rem;
}

.helixpages-responsible-resurs p {
  color: #465160;
  line-height: 1.6;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}

.helixpages-responsible-poveznica {
  display: inline-block;
  background: linear-gradient(135deg, #f4a261 0%, #e76f51 100%);
  color: white;
  padding: 0.5rem 1.25rem;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9rem;
  transition: transform 0.3s ease;
}

.helixpages-responsible-poveznica:hover {
  transform: scale(1.05);
}

.helixpages-responsible-znakovi {
  padding: 4rem 0;
}

.helixpages-responsible-znakovi h2 {
  font-family: 'Cinzel', serif;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 1rem;
  color: #1b1f2e;
  min-height: 3rem;
}

.helixpages-responsible-znakovi-lista {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-bottom: 3rem;
}

.helixpages-responsible-znak {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
  background: rgba(244, 162, 97, 0.05);
  border-radius: 12px;
  border-left: 4px solid #f4a261;
}

.helixpages-responsible-znak .helix-icon {
  color: #f4a261;
  flex-shrink: 0;
}

.helixpages-responsible-znak p {
  color: #465160;
  line-height: 1.5;
  font-weight: 500;
}

.helixpages-responsible-poziv-akciji {
  text-align: center;
  padding: 2.5rem;
  background: linear-gradient(135deg, rgba(42, 157, 143, 0.05) 0%, rgba(82, 183, 136, 0.05) 100%);
  border-radius: 20px;
  max-width: 800px;
  margin: 0 auto;
}

.helixpages-responsible-poziv-akciji p {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  color: #465160;
  line-height: 1.7;
}

.helixpages-responsible-kontakt-gumb {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, #2a9d8f 0%, #52b788 100%);
  color: white;
  padding: 1rem 2rem;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 500;
  transition: transform 0.3s ease;
}

.helixpages-responsible-kontakt-gumb:hover {
  transform: translateY(-2px);
}

@media (max-width: 1024px) {
  .helixpages-responsible-hero-sadrzaj {
    grid-template-columns: 1fr;
    gap: 2rem;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .helixpages-responsible-hero {
    padding: 3rem 0 2rem;
    margin: 1rem 0;
  }
  
  .helixpages-responsible-hero h1 {
    font-size: 2.2rem;
    min-height: 2.8rem;
  }
  
  .helixpages-responsible-statistika {
    justify-content: center;
    gap: 1.5rem;
  }
  
  .helixpages-responsible-savjeti h2,
  .helixpages-responsible-resursi h2,
  .helixpages-responsible-znakovi h2 {
    font-size: 2rem;
    min-height: 2.5rem;
  }
  
  .helixpages-responsible-mreza,
  .helixpages-responsible-resursi-lista {
    grid-template-columns: 1fr;
  }
  
  .helixpages-responsible-savjet,
  .helixpages-responsible-resurs {
    padding: 2rem;
  }
  
  .helixpages-responsible-resurs {
    flex-direction: column;
    text-align: center;
  }
  
  .helixpages-responsible-znakovi-lista {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .helixpages-responsible-sadrzaj {
    padding: 0 0.5rem;
  }
  
  .helixpages-responsible-hero h1 {
    font-size: 1.8rem;
    min-height: 2.3rem;
  }
  
  .helixpages-responsible-statistika {
    flex-direction: column;
    gap: 1rem;
  }
  
  .helixpages-responsible-savjeti h2,
  .helixpages-responsible-resursi h2,
  .helixpages-responsible-znakovi h2 {
    font-size: 1.6rem;
    min-height: 2rem;
  }
  
  .helixpages-responsible-savjet,
  .helixpages-responsible-resurs {
    padding: 1.5rem;
  }
  
  .helixpages-responsible-poziv-akciji {
    padding: 2rem 1.5rem;
  }
}

@media (max-width: 320px) {
  .helixpages-responsible-sadrzaj {
    padding: 0 0.3rem;
  }
  
  .helixpages-responsible-hero,
  .helixpages-responsible-savjeti,
  .helixpages-responsible-resursi,
  .helixpages-responsible-znakovi {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.helixpages-cookie-sadrzaj {
  max-width: 1490px;
  margin: 2rem auto;
  padding: 0 1rem;
  background: var(--helix-bojanje-pozadina-sekundarni);
  border-radius: var(--helix-radijus-granice);
}

.helixpages-cookie-uvod {
  padding: 4rem 0 2rem;
  text-align: center;
}

.helixpages-cookie-omotac {
  max-width: 1200px;
  margin: 0 auto;
}

.helixpages-cookie-uvod h1 {
  font-family: 'Cinzel', serif;
  font-size: 3rem;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #2a9d8f 0%, #52b788 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  min-height: 3.5rem;
}

.helixpages-cookie-uvod-tekst p {
  font-size: 1.2rem;
  margin-bottom: 2rem;
  color: #465160;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

.helixpages-cookie-brzi-pregled {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(42, 157, 143, 0.1);
  padding: 1rem 1.5rem;
  border-radius: 50px;
  color: #2a9d8f;
  font-weight: 500;
}

.helixpages-cookie-sekcije {
  padding: 2rem 0 5rem;
}

.helixpages-cookie-stupac {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}

.helixpages-cookie-kartica {
  background: rgba(255, 255, 255, 0.9);
  padding: 2.5rem;
  border-radius: 20px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  position: relative;
  overflow: hidden;
}

.helixpages-cookie-kartica:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.helixpages-cookie-kartica-ikona {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #2a9d8f 0%, #52b788 100%);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin-bottom: 1.5rem;
}

.helixpages-cookie-kartica-ikona .helix-icon {
  font-size: 2.2rem;
}

.helixpages-cookie-kartica h2 {
  font-family: 'Cinzel', serif;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #1b1f2e;
  min-height: 2.3rem;
}

.helixpages-cookie-kartica > p {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  color: #465160;
  line-height: 1.6;
}

.helixpages-cookie-podaci {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.helixpages-cookie-cinjenica {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
  flex: 1;
}

.helixpages-cookie-cinjenica .helix-icon {
  color: #2a9d8f;
  font-size: 2rem;
}

.helixpages-cookie-cinjenica span:last-child {
  font-size: 0.9rem;
  color: #465160;
  font-weight: 500;
}

.helixpages-cookie-vrste {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.helixpages-cookie-vrsta {
  padding: 1.5rem;
  background: rgba(247, 250, 252, 0.8);
  border-radius: 12px;
  border-left: 4px solid #2a9d8f;
}

.helixpages-cookie-vrsta h3 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  color: #1b1f2e;
  min-height: 1.6rem;
}

.helixpages-cookie-vrsta p {
  color: #465160;
  line-height: 1.6;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}

.helixpages-cookie-obavezno,
.helixpages-cookie-izborno {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 15px;
  font-size: 0.8rem;
  font-weight: 600;
}

.helixpages-cookie-obavezno {
  background: rgba(244, 162, 97, 0.1);
  color: #f4a261;
}

.helixpages-cookie-izborno {
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
}

.helixpages-cookie-trajanje {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.helixpages-cookie-period {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
  background: rgba(247, 250, 252, 0.8);
  border-radius: 12px;
  transition: transform 0.3s ease;
}

.helixpages-cookie-period:hover {
  transform: translateX(5px);
}

.helixpages-cookie-dani {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #2a9d8f 0%, #52b788 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 1.1rem;
  flex-shrink: 0;
}

.helixpages-cookie-period h3 {
  font-size: 1.2rem;
  margin-bottom: 0.25rem;
  color: #1b1f2e;
  min-height: 1.6rem;
}

.helixpages-cookie-period p {
  color: #465160;
  line-height: 1.6;
  font-size: 0.95rem;
}

.helixpages-cookie-trece-strane {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.helixpages-cookie-pruЕѕatelj {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
  background: rgba(247, 250, 252, 0.8);
  border-radius: 12px;
  transition: background-color 0.3s ease;
}

.helixpages-cookie-pruЕѕatelj:hover {
  background: rgba(42, 157, 143, 0.05);
}

.helixpages-cookie-pruЕѕatelj-ikona {
  width: 50px;
  height: 50px;
  background: rgba(42, 157, 143, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a9d8f;
  flex-shrink: 0;
}

.helixpages-cookie-pruЕѕatelj h3 {
  font-size: 1.2rem;
  margin-bottom: 0.25rem;
  color: #1b1f2e;
  min-height: 1.6rem;
}

.helixpages-cookie-pruЕѕatelj p {
  color: #465160;
  line-height: 1.6;
  font-size: 0.95rem;
}

.helixpages-cookie-upravljanje {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.helixpages-cookie-metoda {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
  background: rgba(247, 250, 252, 0.8);
  border-radius: 12px;
}

.helixpages-cookie-metoda .helix-icon {
  color: #2a9d8f;
  font-size: 2rem;
  flex-shrink: 0;
}

.helixpages-cookie-metoda h3 {
  font-size: 1.2rem;
  margin-bottom: 0.25rem;
  color: #1b1f2e;
  min-height: 1.6rem;
}

.helixpages-cookie-metoda p {
  color: #465160;
  line-height: 1.6;
  font-size: 0.95rem;
}

.helixpages-cookie-svrha {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
}

.helixpages-cookie-cilj {
  padding: 1.5rem;
  background: rgba(247, 250, 252, 0.8);
  border-radius: 12px;
  text-align: center;
}

.helixpages-cookie-cilj h3 {
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
  color: #1b1f2e;
  min-height: 1.5rem;
}

.helixpages-cookie-cilj p {
  color: #465160;
  line-height: 1.6;
  font-size: 0.9rem;
}

.helixpages-cookie-puna-sirina {
  grid-column: 1 / -1;
}

.helixpages-cookie-kontakt {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}

.helixpages-cookie-kontakt-info {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
  background: rgba(247, 250, 252, 0.8);
  border-radius: 12px;
}

.helixpages-cookie-kontakt-info .helix-icon {
  color: #2a9d8f;
  font-size: 2rem;
  flex-shrink: 0;
}

.helixpages-cookie-kontakt-info h3 {
  font-size: 1.2rem;
  margin-bottom: 0.25rem;
  color: #1b1f2e;
  min-height: 1.6rem;
}

.helixpages-cookie-kontakt-info p {
  color: #465160;
  line-height: 1.6;
  font-size: 0.95rem;
}

.helixpages-cookie-kontakt-info a {
  color: #2a9d8f;
  text-decoration: none;
  font-weight: 500;
}

.helixpages-cookie-kontakt-info a:hover {
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .helixpages-cookie-stupac {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .helixpages-cookie-uvod {
    padding: 3rem 0 1rem;
  }
  
  .helixpages-cookie-uvod h1 {
    font-size: 2.2rem;
    min-height: 2.8rem;
  }
  
  .helixpages-cookie-kartica {
    padding: 2rem;
  }
  
  .helixpages-cookie-podaci {
    flex-direction: column;
    gap: 1.5rem;
  }
  
  .helixpages-cookie-period {
    flex-direction: column;
    text-align: center;
  }
  
  .helixpages-cookie-pruЕѕatelj {
    flex-direction: column;
    text-align: center;
  }
  
  .helixpages-cookie-metoda {
    flex-direction: column;
    text-align: center;
  }
  
  .helixpages-cookie-kontakt-info {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .helixpages-cookie-sadrzaj {
    padding: 0 0.5rem;
  }
  
  .helixpages-cookie-uvod h1 {
    font-size: 1.8rem;
    min-height: 2.3rem;
  }
  
  .helixpages-cookie-kartica h2 {
    font-size: 1.5rem;
    min-height: 2rem;
  }
  
  .helixpages-cookie-kartica {
    padding: 1.5rem;
  }
  
  .helixpages-cookie-svrha {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 320px) {
  .helixpages-cookie-sadrzaj {
    padding: 0 0.3rem;
  }
  
  .helixpages-cookie-uvod,
  .helixpages-cookie-sekcije {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
  
  .helixpages-cookie-kartica {
    padding: 1rem;
  }
}

.helixpages-terms-sadrzaj {
  max-width: 1490px;
  margin: 2rem auto;
  padding: 0 1rem;
  background: var(--helix-bojanje-pozadina-sekundarni);
  border-radius: var(--helix-radijus-granice);
}

.helixpages-terms-uvod {
  padding: 4rem 0 2rem;
  background: linear-gradient(135deg, rgba(244, 162, 97, 0.05) 0%, rgba(231, 111, 81, 0.05) 100%);
  border-radius: 20px;
  margin: 2rem 0;
}

.helixpages-terms-omotac {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.helixpages-terms-uvod h1 {
  font-family: 'Cinzel', serif;
  font-size: 3rem;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #f4a261 0%, #e76f51 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  min-height: 3.5rem;
  text-align: center;
}

.helixpages-terms-uvod-tekst p {
  font-size: 1.2rem;
  margin-bottom: 2rem;
  color: #465160;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 1.7;
}

.helixpages-terms-obavijest {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(244, 162, 97, 0.1);
  padding: 1rem 1.5rem;
  border-radius: 50px;
  color: #f4a261;
  font-weight: 500;
}

.helixpages-terms-sekcije {
  padding: 2rem 0 5rem;
}

.helixpages-terms-blok {
  display: flex;
  gap: 2rem;
  margin-bottom: 3rem;
  padding: 2.5rem;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.helixpages-terms-blok:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.helixpages-terms-blok-ikona {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #f4a261 0%, #e76f51 100%);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.helixpages-terms-blok-ikona .helix-icon {
  font-size: 2.2rem;
}

.helixpages-terms-blok-sadrzaj {
  flex: 1;
}

.helixpages-terms-blok-sadrzaj h2 {
  font-family: 'Cinzel', serif;
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #1b1f2e;
  min-height: 2.5rem;
}

.helixpages-terms-blok-sadrzaj > p {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  color: #465160;
  line-height: 1.6;
}

.helixpages-terms-detalji {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}

.helixpages-terms-toДЌka {
  display: flex;
  gap: 1rem;
  padding: 1.5rem;
  background: rgba(247, 250, 252, 0.8);
  border-radius: 12px;
  transition: background-color 0.3s ease;
}

.helixpages-terms-toДЌka:hover {
  background: rgba(244, 162, 97, 0.05);
}

.helixpages-terms-toДЌka .helix-icon {
  color: #f4a261;
  font-size: 1.8rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.helixpages-terms-toДЌka h3 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  color: #1b1f2e;
  min-height: 1.6rem;
}

.helixpages-terms-toДЌka p {
  color: #465160;
  line-height: 1.6;
  font-size: 0.95rem;
}

@media (max-width: 768px) {
  .helixpages-terms-uvod {
    padding: 3rem 0 1rem;
    margin: 1rem 0;
  }
  
  .helixpages-terms-omotac {
    padding: 0 1rem;
  }
  
  .helixpages-terms-uvod h1 {
    font-size: 2.2rem;
    min-height: 2.8rem;
  }
  
  .helixpages-terms-blok {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
    padding: 2rem;
  }
  
  .helixpages-terms-blok-ikona {
    align-self: center;
  }
  
  .helixpages-terms-detalji {
    grid-template-columns: 1fr;
  }
  
  .helixpages-terms-toДЌka {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .helixpages-terms-sadrzaj {
    padding: 0 0.5rem;
  }
  
  .helixpages-terms-uvod h1 {
    font-size: 1.8rem;
    min-height: 2.3rem;
  }
  
  .helixpages-terms-blok-sadrzaj h2 {
    font-size: 1.6rem;
    min-height: 2rem;
  }
  
  .helixpages-terms-blok {
    padding: 1.5rem;
  }
  
  .helixpages-terms-toДЌka {
    padding: 1rem;
  }
}

@media (max-width: 320px) {
  .helixpages-terms-sadrzaj {
    padding: 0 0.3rem;
  }
  
  .helixpages-terms-uvod,
  .helixpages-terms-sekcije {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.helixpages-privacy-sadrzaj {
  max-width: 1490px;
  margin: 2rem auto;
  padding: 0 1rem;
  background: var(--helix-bojanje-pozadina-sekundarni);
  border-radius: var(--helix-radijus-granice);
}

.helixpages-privacy-uvod {
  padding: 4rem 0 2rem;
  text-align: center;
}

.helixpages-privacy-omotac {
  max-width: 1200px;
  margin: 0 auto;
}

.helixpages-privacy-uvod h1 {
  font-family: 'Cinzel', serif;
  font-size: 3rem;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #0d1b2a 0%, #1d84b5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  min-height: 3.5rem;
}

.helixpages-privacy-uvod-tekst p {
  font-size: 1.2rem;
  margin-bottom: 2rem;
  color: #465160;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

.helixpages-privacy-brzi-pregled {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(29, 132, 181, 0.1);
  padding: 1rem 1.5rem;
  border-radius: 50px;
  color: #1d84b5;
  font-weight: 500;
}

.helixpages-privacy-sekcije {
  padding: 2rem 0 5rem;
}

.helixpages-privacy-stapic {
  display: flex;
  gap: 2rem;
  margin-bottom: 4rem;
  align-items: flex-start;
}

.helixpages-privacy-stapic-ikona {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #0d1b2a 0%, #1d84b5 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.helixpages-privacy-stapic-ikona .helix-icon {
  font-size: 2.5rem;
}

.helixpages-privacy-stapic-sadrzaj {
  flex: 1;
}

.helixpages-privacy-stapic-sadrzaj h2 {
  font-family: 'Cinzel', serif;
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #1b1f2e;
  min-height: 2.5rem;
}

.helixpages-privacy-stapic-sadrzaj > p {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  color: #465160;
  line-height: 1.6;
}

.helixpages-privacy-lista {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.helixpages-privacy-stavka {
  display: flex;
  gap: 1rem;
  padding: 1.5rem;
  background: rgba(247, 250, 252, 0.8);
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.helixpages-privacy-stavka:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.helixpages-privacy-stavka .helix-icon {
  color: #1d84b5;
  font-size: 2rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.helixpages-privacy-stavka h3 {
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  color: #1b1f2e;
  min-height: 1.8rem;
}

.helixpages-privacy-stavka p {
  color: #465160;
  line-height: 1.6;
}

.helixpages-privacy-stavka a {
  color: #63c6ff;
  text-decoration: none;
  font-weight: 500;
}

.helixpages-privacy-stavka a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .helixpages-privacy-uvod {
    padding: 3rem 0 1rem;
  }
  
  .helixpages-privacy-uvod h1 {
    font-size: 2.2rem;
    min-height: 2.8rem;
  }
  
  .helixpages-privacy-stapic {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  
  .helixpages-privacy-stapic-ikona {
    align-self: center;
  }
  
  .helixpages-privacy-stavka {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .helixpages-privacy-sadrzaj {
    padding: 0 0.5rem;
  }
  
  .helixpages-privacy-uvod h1 {
    font-size: 1.8rem;
    min-height: 2.3rem;
  }
  
  .helixpages-privacy-stapic-sadrzaj h2 {
    font-size: 1.6rem;
    min-height: 2rem;
  }
  
  .helixpages-privacy-stavka {
    padding: 1rem;
  }
}

@media (max-width: 320px) {
  .helixpages-privacy-sadrzaj {
    padding: 0 0.3rem;
  }
  
  .helixpages-privacy-uvod,
  .helixpages-privacy-sekcije {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}