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

:root {
  --qy-glavna-pozadina: linear-gradient(135deg, #8a2be2, #ff00ff, #00ffff);
  --qy-zaglavlje-pozadina: rgba(255, 255, 255, 0.1);
  --qy-akcija-primarna: linear-gradient(45deg, #ff00ff, #8a2be2);
  --qy-akcija-sekundarna: linear-gradient(45deg, #00ffff, #00bfff);
  --qy-kartica-pozadina: linear-gradient(135deg, #ff00ff, #8a2be2, #4b0082);
  --qy-kartica-druga: linear-gradient(135deg, #00ffff, #00bfff, #0000ff);
  --qy-kartica-treca: linear-gradient(135deg, #ffff00, #ffa500, #ff4500);
  --qy-kartica-cetvrta: linear-gradient(135deg, #00ff00, #32cd32, #006400);
  --qy-font-naslov: 'Playfair Display SC', serif;
  --qy-font-tekst: 'Work Sans', sans-serif;
  --qy-sjena-blaga: 0 4px 15px rgba(0, 0, 0, 0.1);
  --qy-sjena-jaka: 0 8px 25px rgba(0, 0, 0, 0.2);
  --qy-prijelaz-brz: 0.3s ease;
  --qy-prijelaz-spor: 0.5s ease;
}

body {
  font-family: var(--qy-font-tekst);
  color: #333;
  line-height: 1.6;
  overflow-x: hidden;
  background: #f8f9fa;
}

.qy_zaglavlje-navigacija {
  background: var(--qy-zaglavlje-pozadina);
  backdrop-filter: blur(10px);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 1rem 0;
  box-shadow: var(--qy-sjena-blaga);
}

.qy_zaglavlje-sadrzaj {
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}

.qy_zaglavlje-lijevo .qy_zaglavlje-veza {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-weight: 500;
}

.qy_zaglavlje-slika {
  width: 100%;
  max-width: 40px;
  height: 100%;
  max-height: 40px;
  margin-right: 0.5rem;
}

.qy_zaglavlje-naslov {
  font-family: var(--qy-font-naslov);
  font-size: 1.5rem;
}

.qy_zaglavlje-desno {
  display: flex;
  align-items: center;
}

.qy_navigacija-izbornik {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
}

.qy_navigacija-stavka {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: var(--qy-prijelaz-brz);
  padding: 0.5rem 0.8rem;
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.2);
}

.qy_navigacija-stavka:hover {
  background: rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
}

.qy_navigacija-stavka i {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}

.qy_navigacija-kontakt {
  background: var(--qy-akcija-primarna);
  color: white;
}

.qy_izbornik-gumb {
  display: none;
  flex-direction: column;
  background: transparent;
  border: none;
  cursor: pointer;
  width: 30px;
  height: 25px;
  justify-content: space-between;
}

.qy_izbornik-crta {
  height: 3px;
  width: 100%;
  background: #333;
  border-radius: 2px;
  transition: var(--qy-prijelaz-brz);
}

.qy_glavna-pozadina {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 6rem 1rem 4rem;
}

.qy_glavna-pozadina-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--qy-glavna-pozadina);
  z-index: -1;
  opacity: 0.9;
}

.qy_glavna-sadrzaj {
  max-width: 1320px;
  text-align: center;
  color: white;
  z-index: 1;
}

.qy_glavna-naslov {
  font-family: var(--qy-font-naslov);
  font-size: 3.5rem;
  margin-bottom: 2rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  min-height: 4.5rem;
}

.qy_glavna-informacije {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 2rem;
  box-shadow: var(--qy-sjena-jaka);
}

.qy_glavna-iznos {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.qy_glavna-iznos i {
  font-size: 2.5rem;
  margin-right: 1rem;
  color: gold;
}

.qy_glavna-vrijednost {
  font-size: 2.5rem;
  font-weight: bold;
  margin-right: 0.5rem;
}

.qy_glavna-opis {
  font-size: 1.2rem;
}

.qy_glavna-tajmer {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.qy_tajmer-jedinica {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
  padding: 1rem;
  border-radius: 10px;
  min-width: 80px;
}

.qy_tajmer-broj {
  font-size: 2rem;
  font-weight: bold;
}

.qy_tajmer-oznaka {
  font-size: 0.9rem;
  opacity: 0.9;
}

.qy_glavna-akcije {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.qy_akcija-gumb {
  display: inline-flex;
  align-items: center;
  padding: 0.8rem 1.5rem;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 500;
  transition: var(--qy-prijelaz-brz);
  box-shadow: var(--qy-sjena-blaga);
}

.qy_akcija-primarni {
  background: var(--qy-akcija-primarna);
  color: white;
}

.qy_akcija-sekundarni {
  background: var(--qy-akcija-sekundarna);
  color: white;
}

.qy_akcija-gumb:hover {
  transform: translateY(-3px);
  box-shadow: var(--qy-sjena-jaka);
}

.qy_akcija-gumb i {
  margin-right: 0.5rem;
}

.qy_ponude-odabir {
  padding: 5rem 1rem;
  max-width: 1320px;
  margin: 0 auto;
}

.qy_ponude-naslov {
  font-family: var(--qy-font-naslov);
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 3rem;
  min-height: 3.5rem;
}

.qy_ponude-kontejner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.qy_ponuda-kartica {
  background: var(--qy-kartica-pozadina);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--qy-sjena-jaka);
  transition: var(--qy-prijelaz-brz);
  color: white;
}

.qy_ponuda-kartica:nth-child(2) {
  background: var(--qy-kartica-druga);
}

.qy_ponuda-kartica:nth-child(3) {
  background: var(--qy-kartica-treca);
}

.qy_ponuda-kartica:nth-child(4) {
  background: var(--qy-kartica-cetvrta);
}

.qy_ponuda-kartica:hover {
  transform: translateY(-10px);
}

.qy_ponuda-zaglavlje {
  padding: 1.5rem;
  position: relative;
  text-align: center;
}

.qy_ponuda-zaglavlje i {
  font-size: 3rem;
  margin-bottom: 1rem;
  display: block;
}

.qy_ponuda-naslov {
  font-family: var(--qy-font-naslov);
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
  min-height: 2.5rem;
}

.qy_ponuda-oznaka {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: rgba(255, 255, 255, 0.3);
  padding: 0.3rem 0.8rem;
  border-radius: 15px;
  font-size: 0.8rem;
  font-weight: bold;
}

.qy_ponuda-preporuceno {
  background: gold;
  color: #333;
}

.qy_ponuda-sadrzaj {
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(5px);
}

.qy_ponuda-opis {
  margin-bottom: 1.5rem;
  text-align: center;
  min-height: 3rem;
}

.qy_ponuda-cijena {
  text-align: center;
  margin-bottom: 1.5rem;
}

.qy_ponuda-iznos {
  font-size: 2.5rem;
  font-weight: bold;
  display: block;
}

.qy_ponuda-period {
  font-size: 1rem;
  opacity: 0.9;
}

.qy_ponuda-gumb {
  display: block;
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
  color: white;
  padding: 0.8rem;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 500;
  transition: var(--qy-prijelaz-brz);
}

.qy_ponuda-gumb:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-3px);
}

.qy_ponuda-gumb i {
  margin-right: 0.5rem;
}

.qy_odgovorna-igra {
  padding: 4rem 1rem;
  background: linear-gradient(135deg, #f8f9fa, #e9ecef);
  text-align: center;
}

.qy_odgovorna-naslov {
  font-family: var(--qy-font-naslov);
  font-size: 2rem;
  margin-bottom: 2rem;
  min-height: 2.8rem;
}

.qy_odgovorna-partneri {
  display: flex;
  justify-content: center;
  gap: 3rem;
  flex-wrap: wrap;
  max-width: 1320px;
  margin: 0 auto;
}

.qy_partner-veza {
  display: inline-block;
  transition: var(--qy-prijelaz-brz);
}

.qy_partner-veza:hover {
  transform: scale(1.05);
}

.qy_podnozje-sadrzaj {
  background: linear-gradient(135deg, #333, #555);
  color: white;
  padding: 3rem 1rem 1.5rem;
}

.qy_podnozje-kontejner {
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.qy_podnozje-sekcija {
  text-align: center;
}

.qy_podnozje-naslov {
  font-family: var(--qy-font-naslov);
  font-size: 1.8rem;
  margin-bottom: 1rem;
  min-height: 2.3rem;
}

.qy_podnozje-veze {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.qy_podnozje-veza {
  color: #ccc;
  text-decoration: none;
  transition: var(--qy-prijelaz-brz);
}

.qy_podnozje-veza:hover {
  color: white;
}

.qy_podnozje-tekst {
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.8;
  min-height: 5.5rem;
}

.qy_podnozje-ikone {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.qy_podnozje-ikona {
  display: flex;
  align-items: center;
  color: #ccc;
  text-decoration: none;
  transition: var(--qy-prijelaz-brz);
}

.qy_podnozje-ikona:hover {
  color: white;
}

.qy_podnozje-ikona i {
  margin-right: 0.5rem;
}

.qy_podnozje-dno {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.qy_podnozje-dob {
  background: #ff4500;
  color: white;
  padding: 0.3rem 0.8rem;
  border-radius: 15px;
  font-weight: bold;
}

.qy_podnozje-autorska {
  font-size: 0.9rem;
  opacity: 0.8;
}

.qy_kolacici-obavijest {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  color: white;
  padding: 1rem;
  z-index: 2000;
  display: none;
}

.qy_kolacici-sadrzaj {
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.qy_kolacici-tekst {
  flex: 1;
  min-width: 300px;
}

.qy_kolacici-veza {
  color: #00ffff;
  text-decoration: none;
}

.qy_kolacici-veza:hover {
  text-decoration: underline;
}

.qy_kolacici-gumb {
  background: var(--qy-akcija-primarna);
  color: white;
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 20px;
  cursor: pointer;
  transition: var(--qy-prijelaz-brz);
}

.qy_kolacici-gumb:hover {
  transform: translateY(-2px);
}

.qy_dobna-provieraa {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  padding: 2rem 1rem;
  overflow-y: auto;
}

.qy_dobna-sadrzaj {
  background: linear-gradient(135deg, #8a2be2, #4b0082);
  color: white;
  padding: 2.5rem;
  border-radius: 20px;
  text-align: center;
  max-width: 500px;
  width: 100%;
  box-shadow: var(--qy-sjena-jaka);
  margin-top: 2rem;
}

.qy_dobna-naslov {
  font-family: var(--qy-font-naslov);
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
  min-height: 3rem;
}

.qy_dobna-tekst {
  margin-bottom: 2rem;
  line-height: 1.6;
  min-height: 4.5rem;
}

.qy_dobna-gumbovi {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.qy_dobna-gumb {
  padding: 0.8rem 1.5rem;
  border: none;
  border-radius: 30px;
  font-weight: 500;
  cursor: pointer;
  transition: var(--qy-prijelaz-brz);
  min-width: 150px;
}

.qy_dobna-potvrdi {
  background: var(--qy-akcija-sekundarna);
  color: white;
}

.qy_dobna-odustani {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}

.qy_dobna-gumb:hover {
  transform: translateY(-3px);
  box-shadow: var(--qy-sjena-blaga);
}

@media (max-width: 1024px) {
  .qy_glavna-naslov {
    font-size: 3rem;
  }
  
  .qy_glavna-vrijednost {
    font-size: 2.2rem;
  }
  
  .qy_ponude-naslov {
    font-size: 2.2rem;
  }
}

@media (max-width: 768px) {  
  .qy_navigacija-izbornik {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    flex-direction: column;
    padding: 1.5rem;
    box-shadow: var(--qy-sjena-jaka);
  }
  
  .qy_navigacija-izbornik.aktivno {
    display: flex;
  }
  
  .qy_izbornik-gumb {
    display: flex;
  }
  
  .qy_izbornik-gumb.aktivno .qy_izbornik-crta1 {
    transform: rotate(45deg) translate(5px, 5px);
  }
  
  .qy_izbornik-gumb.aktivno .qy_izbornik-crta2 {
    opacity: 0;
  }
  
  .qy_izbornik-gumb.aktivno .qy_izbornik-crta3 {
    transform: rotate(-45deg) translate(7px, -6px);
  }
  
  .qy_glavna-naslov {
    font-size: 2.5rem;
  }
  
  .qy_glavna-vrijednost {
    font-size: 2rem;
  }
  
  .qy_glavna-tajmer {
    gap: 1rem;
  }
  
  .qy_tajmer-jedinica {
    min-width: 70px;
    padding: 0.8rem;
  }
  
  .qy_tajmer-broj {
    font-size: 1.8rem;
  }
  
  .qy_ponude-naslov {
    font-size: 2rem;
  }
  
  .qy_odgovorna-partneri {
    gap: 2rem;
  }
  
  .qy_podnozje-veze,
  .qy_podnozje-ikone {
    flex-direction: column;
    align-items: center;
  }
  
  .qy_kolacici-sadrzaj {
    flex-direction: column;
    text-align: center;
  }
  
  .qy_dobna-sadrzaj {
    margin-top: 1rem;
    padding: 2rem 1.5rem;
  }
}

@media (max-width: 480px) {
  .qy_zaglavlje-sadrzaj {
    padding: 0 0.5rem;
  }
  
  .qy_glavna-pozadina {
    padding: 5rem 0.5rem 3rem;
  }
  
  .qy_glavna-naslov {
    font-size: 2rem;
  }
  
  .qy_glavna-informacije {
    padding: 1.5rem;
  }
  
  .qy_glavna-iznos {
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .qy_glavna-vrijednost {
    font-size: 1.8rem;
  }
  
  .qy_glavna-tajmer {
    gap: 0.5rem;
  }
  
  .qy_tajmer-jedinica {
    min-width: 60px;
    padding: 0.6rem;
  }
  
  .qy_tajmer-broj {
    font-size: 1.5rem;
  }
  
  .qy_glavna-akcije {
    flex-direction: column;
    align-items: center;
  }
  
  .qy_akcija-gumb {
    width: 100%;
    max-width: 250px;
    justify-content: center;
  }
  
  .qy_ponude-odabir,
  .qy_odgovorna-igra {
    padding: 3rem 0.5rem;
  }
  
  .qy_ponude-naslov,
  .qy_odgovorna-naslov {
    font-size: 1.8rem;
  }
  
  .qy_podnozje-sadrzaj {
    padding: 2rem 0.5rem 1rem;
  }
  
  .qy_dobna-sadrzaj {
    padding: 1.5rem 1rem;
    margin-top: 0.5rem;
  }
  
  .qy_dobna-naslov {
    font-size: 1.8rem;
  }
  
  .qy_dobna-gumbovi {
    flex-direction: column;
  }
  
  .qy_dobna-gumb {
    width: 100%;
  }
}

@media (max-width: 320px) {
  .qy_dobna-provieraa {
    align-items: flex-start;
  }

  .qy_glavna-pozadina,
  .qy_ponude-odabir,
  .qy_odgovorna-igra,
  .qy_podnozje-sadrzaj {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
  
  .qy_glavna-informacije,
  .qy_ponuda-sadrzaj,
  .qy_dobna-sadrzaj {
    padding: 1rem;
  }
  
  .qy_glavna-naslov {
    font-size: 1.7rem;
  }
  
  .qy_ponude-naslov,
  .qy_odgovorna-naslov {
    font-size: 1.6rem;
  }
}

.qupgs_registracija-uvod {
  padding: 9rem 1rem;
  background: linear-gradient(135deg, #8a2be2, #ff00ff, #00ffff);
  position: relative;
  overflow: hidden;
}

.qupgs_registracija-sadrzaj {
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 3rem;
  position: relative;
  z-index: 2;
}

.qupgs_registracija-svg {
  flex: 1;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
}

.qupgs_registracija-svg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 70%, rgba(255, 255, 255, 0.3) 0%, transparent 50%),
              radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.2) 0%, transparent 50%);
  animation: qupgs_svgAnimacija 8s ease-in-out infinite;
}

@keyframes qupgs_svgAnimacija {
  0%, 100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.1) rotate(180deg); }
}

.qupgs_registracija-tekst {
  flex: 1;
  color: white;
}

.qupgs_registracija-tekst h1 {
  font-family: 'Playfair Display SC', serif;
  font-size: 3rem;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  min-height: 3.5rem;
}

.qupgs_registracija-tekst p {
  font-size: 1.2rem;
  line-height: 1.6;
  opacity: 0.9;
}

.qupgs_registracija-forma {
  padding: 5rem 1rem;
  background: #f8f9fa;
}

.qupgs_forma-kontejner {
  max-width: 600px;
  margin: 0 auto;
  background: white;
  padding: 3rem;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.qupgs_forma-kontejner h2 {
  font-family: 'Playfair Display SC', serif;
  font-size: 2.2rem;
  margin-bottom: 1rem;
  text-align: center;
  color: #333;
  min-height: 2.8rem;
}

.qupgs_forma-kontejner > p {
  text-align: center;
  margin-bottom: 2rem;
  color: #666;
  line-height: 1.6;
}

.qupgs_obrazac-grupa {
  margin-bottom: 1.5rem;
}

.qupgs_obrazac-ulaz {
  position: relative;
  display: flex;
  align-items: center;
}

.qupgs_obrazac-ulaz i {
  position: absolute;
  left: 1rem;
  font-size: 1.2rem;
  color: #8a2be2;
  z-index: 2;
}

.qupgs_obrazac-ulaz input {
  width: 100%;
  padding: 1rem 1rem 1rem 3rem;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  font-size: 1rem;
  transition: all 0.3s ease;
  background: #f8f9fa;
}

.qupgs_obrazac-ulaz input:focus {
  outline: none;
  border-color: #8a2be2;
  background: white;
  box-shadow: 0 0 0 3px rgba(138, 43, 226, 0.1);
  transform: translateY(-2px);
}

.qupgs_obrazac-ulaz input:valid {
  border-color: #00ff00;
}

.qupgs_obrazac-greska {
  display: block;
  color: #ff4444;
  font-size: 0.85rem;
  margin-top: 0.5rem;
  min-height: 1.2rem;
}

.qupgs_obrazac-potvrda {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.qupgs_obrazac-potvrda input[type="checkbox"] {
  margin-top: 0.2rem;
  accent-color: #8a2be2;
}

.qupgs_obrazac-potvrda label {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.4;
}

.qupgs_obrazac-potvrda a {
  color: #8a2be2;
  text-decoration: none;
}

.qupgs_obrazac-potvrda a:hover {
  text-decoration: underline;
}

.qupgs_obrazac-gumb {
  width: 100%;
  padding: 1rem;
  background: linear-gradient(45deg, #8a2be2, #ff00ff);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 1.1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.qupgs_obrazac-gumb:not(:disabled):hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(138, 43, 226, 0.4);
}

.qupgs_obrazac-gumb:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.qupgs_registracija-veze {
  margin-top: 2rem;
  text-align: center;
}

.qupgs_registracija-veze p {
  margin-bottom: 0.5rem;
  color: #666;
}

.qupgs_registracija-veze a {
  color: #8a2be2;
  text-decoration: none;
  font-weight: 500;
}

.qupgs_registracija-veze a:hover {
  text-decoration: underline;
}

.qupgs_uspjeh-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 4000;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.qupgs_uspjeh-sadrzaj {
  background: white;
  padding: 3rem;
  border-radius: 20px;
  text-align: center;
  max-width: 400px;
  width: 100%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.qupgs_uspjeh-sadrzaj i {
  font-size: 4rem;
  color: #00ff00;
  margin-bottom: 1rem;
}

.qupgs_uspjeh-sadrzaj h3 {
  font-family: 'Playfair Display SC', serif;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #333;
}

.qupgs_uspjeh-sadrzaj p {
  color: #666;
  line-height: 1.6;
  margin-bottom: 2rem;
}

.qupgs_uspjeh-gumb {
  background: linear-gradient(45deg, #8a2be2, #ff00ff);
  color: white;
  border: none;
  padding: 0.8rem 2rem;
  border-radius: 25px;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.qupgs_uspjeh-gumb:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(138, 43, 226, 0.4);
}

@media (max-width: 768px) {
  .qupgs_registracija-uvod,
  .qupgs_registracija-forma {
    padding: 8rem 0.5rem;
  }

  .qupgs_registracija-sadrzaj {
    flex-direction: column;
    text-align: center;
  }
  
  .qupgs_registracija-svg {
    height: 200px;
    width: 100%;
  }
  
  .qupgs_registracija-tekst h1 {
    font-size: 2.2rem;
  }
  
  .qupgs_forma-kontejner {
    padding: 2rem;
  }
  
  .qupgs_forma-kontejner h2 {
    font-size: 1.8rem;
  }
}

@media (max-width: 480px) {  
  .qupgs_registracija-tekst h1 {
    font-size: 1.8rem;
  }
  
  .qupgs_forma-kontejner {
    padding: 1.5rem;
  }
  
  .qupgs_uspjeh-sadrzaj {
    padding: 2rem 1.5rem;
  }
}

.qupgs_prijava-uvod {
  padding: 9rem 1rem;
  background: linear-gradient(135deg, #00ffff, #00bfff, #0000ff);
  position: relative;
  overflow: hidden;
}

.qupgs_prijava-sadrzaj {
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 3rem;
  position: relative;
  z-index: 2;
}

.qupgs_prijava-svg {
  flex: 1;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
}

.qupgs_prijava-svg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.3) 0%, transparent 50%);
  animation: qupgs_prijavaAnimacija 6s ease-in-out infinite alternate;
}

@keyframes qupgs_prijavaAnimacija {
  0% { transform: translateX(-20px) rotate(0deg); }
  100% { transform: translateX(20px) rotate(180deg); }
}

.qupgs_prijava-tekst {
  flex: 1;
  color: white;
}

.qupgs_prijava-tekst h1 {
  font-family: 'Playfair Display SC', serif;
  font-size: 3rem;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  min-height: 3.5rem;
}

.qupgs_prijava-tekst p {
  font-size: 1.2rem;
  line-height: 1.6;
  opacity: 0.9;
}

.qupgs_prijava-forma {
  padding: 5rem 1rem;
  background: #f8f9fa;
}

.qupgs_prijava-veze {
  margin-top: 2rem;
  text-align: center;
}

.qupgs_prijava-veze p {
  margin-bottom: 0.5rem;
  color: #666;
}

.qupgs_prijava-veze a {
  color: #00bfff;
  text-decoration: none;
  font-weight: 500;
}

.qupgs_prijava-veze a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .qupgs_prijava-uvod,
  .qupgs_prijava-forma {
    padding: 8rem 0.5rem;
  }

  .qupgs_prijava-sadrzaj {
    flex-direction: column;
    text-align: center;
  }
  
  .qupgs_prijava-svg {
    height: 200px;
    width: 100%;
  }
  
  .qupgs_prijava-tekst h1 {
    font-size: 2.2rem;
  }
}

@media (max-width: 480px) {  
  .qupgs_prijava-tekst h1 {
    font-size: 1.8rem;
  }
}

.qupgs_reset-uvod {
  padding: 9rem 1rem;
  background: linear-gradient(135deg, #ff00ff, #ff4500, #ffa500);
  position: relative;
  overflow: hidden;
}

.qupgs_reset-sadrzaj {
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 3rem;
  position: relative;
  z-index: 2;
}

.qupgs_reset-svg {
  flex: 1;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
}

.qupgs_reset-svg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.5) 0%, transparent 50%),
    radial-gradient(circle at 60% 60%, rgba(255, 255, 255, 0.3) 0%, transparent 50%);
  animation: qupgs_resetAnimacija 7s ease-in-out infinite;
}

@keyframes qupgs_resetAnimacija {
  0%, 100% { 
    transform: scale(1) rotate(0deg);
    opacity: 0.7;
  }
  50% { 
    transform: scale(1.2) rotate(90deg);
    opacity: 1;
  }
}

.qupgs_reset-tekst {
  flex: 1;
  color: white;
}

.qupgs_reset-tekst h1 {
  font-family: 'Playfair Display SC', serif;
  font-size: 3rem;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  min-height: 3.5rem;
}

.qupgs_reset-tekst p {
  font-size: 1.2rem;
  line-height: 1.6;
  opacity: 0.9;
}

.qupgs_reset-forma {
  padding: 5rem 1rem;
  background: #f8f9fa;
}

.qupgs_reset-veze {
  margin-top: 2rem;
  text-align: center;
}

.qupgs_reset-veze p {
  margin-bottom: 0.5rem;
  color: #666;
}

.qupgs_reset-veze a {
  color: #ff4500;
  text-decoration: none;
  font-weight: 500;
}

.qupgs_reset-veze a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .qupgs_reset-uvod,
  .qupgs_reset-forma {
    padding: 8rem 0.5rem;
  }

  .qupgs_reset-sadrzaj {
    flex-direction: column;
    text-align: center;
  }
  
  .qupgs_reset-svg {
    height: 200px;
    width: 100%;
  }
  
  .qupgs_reset-tekst h1 {
    font-size: 2.2rem;
  }
}

@media (max-width: 480px) {  
  .qupgs_reset-tekst h1 {
    font-size: 1.8rem;
  }
}

.qupgs_kontakt-uvod {
  padding: 9rem 1rem;
  background: linear-gradient(135deg, #00ff00, #32cd32, #006400);
  position: relative;
  overflow: hidden;
}

.qupgs_kontakt-sadrzaj {
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 3rem;
  position: relative;
  z-index: 2;
}

.qupgs_kontakt-svg {
  flex: 1;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
}

.qupgs_kontakt-svg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.6) 0%, transparent 50%),
    radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.4) 0%, transparent 50%);
  animation: qupgs_kontaktAnimacija 5s ease-in-out infinite alternate;
}

@keyframes qupgs_kontaktAnimacija {
  0% { 
    transform: translateY(-20px) scale(1);
    opacity: 0.8;
  }
  100% { 
    transform: translateY(20px) scale(1.1);
    opacity: 1;
  }
}

.qupgs_kontakt-tekst {
  flex: 1;
  color: white;
}

.qupgs_kontakt-tekst h1 {
  font-family: 'Playfair Display SC', serif;
  font-size: 3rem;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  min-height: 3.5rem;
}

.qupgs_kontakt-tekst p {
  font-size: 1.2rem;
  line-height: 1.6;
  opacity: 0.9;
}

.qupgs_kontakt-forma {
  padding: 5rem 1rem;
  background: #f8f9fa;
}

.qupgs_forma-kontejner > p a {
  color: #32cd32;
  text-decoration: none;
  font-weight: 500;
}

.qupgs_forma-kontejner > p a:hover {
  text-decoration: underline;
}

.qupgs_obrazac-textarea {
  align-items: flex-start;
}

.qupgs_obrazac-textarea i {
  margin-top: 1rem;
}

.qupgs_obrazac-textarea textarea {
  width: 100%;
  padding: 1rem 1rem 1rem 3rem;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  font-size: 1rem;
  font-family: inherit;
  resize: vertical;
  transition: all 0.3s ease;
  background: #f8f9fa;
  min-height: 120px;
}

.qupgs_obrazac-textarea textarea:focus {
  outline: none;
  border-color: #32cd32;
  background: white;
  box-shadow: 0 0 0 3px rgba(50, 205, 50, 0.1);
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .qupgs_kontakt-uvod,
  .qupgs_kontakt-forma {
    padding: 8rem 0.5rem;
  }

  .qupgs_kontakt-sadrzaj {
    flex-direction: column;
    text-align: center;
  }
  
  .qupgs_kontakt-svg {
    height: 200px;
    width: 100%;
  }
  
  .qupgs_kontakt-tekst h1 {
    font-size: 2.2rem;
  }
}

@media (max-width: 480px) {  
  .qupgs_kontakt-tekst h1 {
    font-size: 1.8rem;
  }
}

.qupgs_privatnost-uvod {
  padding: 10rem 1rem 4rem;
  background: linear-gradient(135deg, #8a2be2, #4b0082);
  color: white;
  text-align: center;
}

.qupgs_privatnost-sadrzaj h1 {
  font-family: 'Playfair Display SC', serif;
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  min-height: 4rem;
}

.qupgs_privatnost-sadrzaj p {
  font-size: 1.3rem;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
  opacity: 0.9;
}

.qupgs_privatnost-sadrzaj-sekcija {
  padding: 5rem 1rem;
  background: #f8f9fa;
}

.qupgs_privatnost-kontejner {
  max-width: 1000px;
  margin: 0 auto;
}

.qupgs_privatnost-stavka {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-bottom: 3rem;
  padding: 2rem;
  background: white;
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.qupgs_privatnost-stavka:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.qupgs_privatnost-ikona {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  background: linear-gradient(45deg, #8a2be2, #ff00ff);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 2rem;
}

.qupgs_privatnost-tekst {
  flex: 1;
}

.qupgs_privatnost-tekst h2 {
  font-family: 'Playfair Display SC', serif;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #333;
  min-height: 2.5rem;
}

.qupgs_privatnost-tekst p {
  color: #666;
  line-height: 1.7;
  font-size: 1.1rem;
}

.qupgs_privatnost-tekst a {
  color: #8a2be2;
  text-decoration: none;
  font-weight: 500;
}

.qupgs_privatnost-tekst a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .qupgs_privatnost-uvod {
    padding: 9rem 1rem 3rem;
  }
  
  .qupgs_privatnost-sadrzaj h1 {
    font-size: 2.5rem;
  }
  
  .qupgs_privatnost-stavka {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  
  .qupgs_privatnost-ikona {
    align-self: center;
  }
}

@media (max-width: 480px) {
  .qupgs_privatnost-uvod {
    padding: 9rem 0.5rem 2rem;
  }
  
  .qupgs_privatnost-sadrzaj h1 {
    font-size: 2rem;
  }
  
  .qupgs_privatnost-sadrzaj-sekcija {
    padding: 3rem 0.5rem;
  }
  
  .qupgs_privatnost-stavka {
    padding: 1.5rem;
    margin-bottom: 2rem;
  }
  
  .qupgs_privatnost-ikona {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }
  
  .qupgs_privatnost-tekst h2 {
    font-size: 1.5rem;
  }

  .qupgs_privatnost-tekst a {
    font-size: 0.9rem;
  }
}

.qupgs_uvjeti-uvod {
  padding: 10rem 1rem 4rem;
  background: linear-gradient(135deg, #00ffff, #00bfff);
  color: white;
  text-align: center;
}

.qupgs_uvjeti-sadrzaj h1 {
  font-family: 'Playfair Display SC', serif;
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  min-height: 4rem;
}

.qupgs_uvjeti-sadrzaj p {
  font-size: 1.3rem;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
  opacity: 0.9;
}

.qupgs_uvjeti-sadrzaj-sekcija {
  padding: 5rem 1rem;
  background: #f8f9fa;
}

.qupgs_uvjeti-kontejner {
  max-width: 1000px;
  margin: 0 auto;
}

.qupgs_uvjeti-stavka {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-bottom: 3rem;
  padding: 2rem;
  background: white;
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  border-left: 5px solid #00bfff;
}

.qupgs_uvjeti-stavka:hover {
  transform: translateX(10px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.qupgs_uvjeti-ikona {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  background: linear-gradient(45deg, #00ffff, #00bfff);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 2rem;
}

.qupgs_uvjeti-tekst {
  flex: 1;
}

.qupgs_uvjeti-tekst h2 {
  font-family: 'Playfair Display SC', serif;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #333;
  min-height: 2.5rem;
}

.qupgs_uvjeti-tekst p {
  color: #666;
  line-height: 1.7;
  font-size: 1.1rem;
}

.qupgs_uvjeti-tekst a {
  color: #00bfff;
  text-decoration: none;
  font-weight: 500;
}

.qupgs_uvjeti-tekst a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .qupgs_uvjeti-uvod {
    padding: 9rem 1rem 3rem;
  }
  
  .qupgs_uvjeti-sadrzaj h1 {
    font-size: 2.5rem;
  }
  
  .qupgs_uvjeti-stavka {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
    border-left: none;
    border-top: 5px solid #00bfff;
  }
  
  .qupgs_uvjeti-stavka:hover {
    transform: translateY(-5px);
  }
  
  .qupgs_uvjeti-ikona {
    align-self: center;
  }
}

@media (max-width: 480px) {
  .qupgs_uvjeti-uvod {
    padding: 9rem 0.5rem 2rem;
  }
  
  .qupgs_uvjeti-sadrzaj h1 {
    font-size: 2rem;
  }
  
  .qupgs_uvjeti-sadrzaj-sekcija {
    padding: 3rem 0.5rem;
  }
  
  .qupgs_uvjeti-stavka {
    padding: 1.5rem;
    margin-bottom: 2rem;
  }
  
  .qupgs_uvjeti-ikona {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }
  
  .qupgs_uvjeti-tekst h2 {
    font-size: 1.5rem;
  }

  .qupgs_uvjeti-tekst a {
    font-size: 0.8rem;
  }
}

.qupgs_kolacici-uvod {
  padding: 10rem 1rem 4rem;
  background: linear-gradient(135deg, #ff00ff, #ff4500);
  color: white;
  text-align: center;
}

.qupgs_kolacici-sadrzaj h1 {
  font-family: 'Playfair Display SC', serif;
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  min-height: 4rem;
}

.qupgs_kolacici-sadrzaj p {
  font-size: 1.3rem;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
  opacity: 0.9;
}

.qupgs_kolacici-sadrzaj-sekcija {
  padding: 5rem 1rem;
  background: #f8f9fa;
}

.qupgs_kolacici-kontejner {
  max-width: 1000px;
  margin: 0 auto;
}

.qupgs_kolacici-stavka {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-bottom: 3rem;
  padding: 2rem;
  background: white;
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.qupgs_kolacici-stavka::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(255, 0, 255, 0.05), rgba(255, 69, 0, 0.05));
  opacity: 0;
  transition: opacity 0.3s ease;
}

.qupgs_kolacici-stavka:hover::before {
  opacity: 1;
}

.qupgs_kolacici-stavka:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.qupgs_kolacici-ikona {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  background: linear-gradient(45deg, #ff00ff, #ff4500);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 2rem;
  position: relative;
  z-index: 2;
}

.qupgs_kolacici-tekst {
  flex: 1;
  position: relative;
  z-index: 2;
}

.qupgs_kolacici-tekst h2 {
  font-family: 'Playfair Display SC', serif;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #333;
  min-height: 2.5rem;
}

.qupgs_kolacici-tekst p {
  color: #666;
  line-height: 1.7;
  font-size: 1.1rem;
}

.qupgs_kolacici-tekst a {
  color: #ff4500;
  text-decoration: none;
  font-weight: 500;
}

.qupgs_kolacici-tekst a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .qupgs_kolacici-uvod {
    padding: 9rem 1rem 3rem;
  }
  
  .qupgs_kolacici-sadrzaj h1 {
    font-size: 2.5rem;
  }
  
  .qupgs_kolacici-stavka {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  
  .qupgs_kolacici-ikona {
    align-self: center;
  }

  .qupgs_kolacici-tekst a {
    font-size: 0.8rem;
  }
}

@media (max-width: 480px) {
  .qupgs_kolacici-uvod {
    padding: 9rem 0.5rem 2rem;
  }
  
  .qupgs_kolacici-sadrzaj h1 {
    font-size: 2rem;
  }
  
  .qupgs_kolacici-sadrzaj-sekcija {
    padding: 3rem 0.5rem;
  }
  
  .qupgs_kolacici-stavka {
    padding: 1.5rem;
    margin-bottom: 2rem;
  }
  
  .qupgs_kolacici-ikona {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }
  
  .qupgs_kolacici-tekst h2 {
    font-size: 1.5rem;
  }
}

.qupgs_odgovorno-uvod {
  padding: 10rem 1rem 4rem;
  background: linear-gradient(135deg, #00ff00, #32cd32);
  color: white;
  text-align: center;
}

.qupgs_odgovorno-sadrzaj h1 {
  font-family: 'Playfair Display SC', serif;
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  min-height: 4rem;
}

.qupgs_odgovorno-sadrzaj p {
  font-size: 1.3rem;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
  opacity: 0.9;
}

.qupgs_odgovorno-sadrzaj-sekcija {
  padding: 5rem 1rem;
  background: #f8f9fa;
}

.qupgs_odgovorno-kontejner {
  max-width: 1000px;
  margin: 0 auto;
}

.qupgs_odgovorno-stavka {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-bottom: 3rem;
  padding: 2rem;
  background: white;
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.qupgs_odgovorno-stavka:hover {
  border-color: #32cd32;
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(50, 205, 50, 0.2);
}

.qupgs_odgovorno-ikona {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  background: linear-gradient(45deg, #00ff00, #32cd32);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 2rem;
  transition: transform 0.3s ease;
}

.qupgs_odgovorno-stavka:hover .qupgs_odgovorno-ikona {
  transform: rotate(15deg) scale(1.1);
}

.qupgs_odgovorno-tekst {
  flex: 1;
}

.qupgs_odgovorno-tekst h2 {
  font-family: 'Playfair Display SC', serif;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #333;
  min-height: 2.5rem;
}

.qupgs_odgovorno-tekst p {
  color: #666;
  line-height: 1.7;
  font-size: 1.1rem;
}

.qupgs_odgovorno-tekst a {
  color: #32cd32;
  text-decoration: none;
  font-weight: 500;
}

.qupgs_odgovorno-tekst a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .qupgs_odgovorno-uvod {
    padding: 9rem 1rem 3rem;
  }
  
  .qupgs_odgovorno-sadrzaj h1 {
    font-size: 2.5rem;
  }
  
  .qupgs_odgovorno-stavka {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  
  .qupgs_odgovorno-ikona {
    align-self: center;
  }
}

@media (max-width: 480px) {
  .qupgs_odgovorno-uvod {
    padding: 9rem 0.5rem 2rem;
  }
  
  .qupgs_odgovorno-sadrzaj h1 {
    font-size: 2rem;
  }
  
  .qupgs_odgovorno-sadrzaj-sekcija {
    padding: 3rem 0.5rem;
  }
  
  .qupgs_odgovorno-stavka {
    padding: 1.5rem;
    margin-bottom: 2rem;
  }
  
  .qupgs_odgovorno-ikona {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }
  
  .qupgs_odgovorno-tekst h2 {
    font-size: 1.5rem;
  }

  .qupgs_odgovorno-tekst a {
    font-size: 0.9rem;
  }
}

.qupgs_404-uvod {
  padding: 8rem 1rem;
  background: linear-gradient(135deg, #8a2be2, #ff00ff, #00ffff, #00ff00);
  background-size: 400% 400%;
  animation: qupgs_404Gradient 8s ease infinite;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
}

@keyframes qupgs_404Gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.qupgs_404-sadrzaj {
  max-width: 600px;
  margin: 0 auto;
}

.qupgs_404-ikona {
  font-size: 8rem;
  margin-bottom: 2rem;
  animation: qupgs_404Pulse 2s ease-in-out infinite;
  color: rgba(255, 255, 255, 0.9);
}

@keyframes qupgs_404Pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

.qupgs_404-sadrzaj h1 {
  font-family: 'Playfair Display SC', serif;
  font-size: 4rem;
  margin-bottom: 1.5rem;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
  min-height: 4.5rem;
}

.qupgs_404-sadrzaj p {
  font-size: 1.3rem;
  line-height: 1.7;
  margin-bottom: 3rem;
  opacity: 0.9;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.qupgs_404-gumb {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  color: white;
  text-decoration: none;
  padding: 1rem 2rem;
  border-radius: 30px;
  font-size: 1.2rem;
  font-weight: 500;
  transition: all 0.3s ease;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.qupgs_404-gumb:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.qupgs_404-gumb i {
  font-size: 1.4rem;
}

@media (max-width: 768px) {
  .qupgs_404-uvod {
    padding: 6rem 1rem;
  }
  
  .qupgs_404-ikona {
    font-size: 6rem;
  }
  
  .qupgs_404-sadrzaj h1 {
    font-size: 3rem;
  }
  
  .qupgs_404-sadrzaj p {
    font-size: 1.1rem;
  }
}

@media (max-width: 480px) {
  .qupgs_404-uvod {
    padding: 4rem 0.5rem;
  }
  
  .qupgs_404-ikona {
    font-size: 4rem;
  }
  
  .qupgs_404-sadrzaj h1 {
    font-size: 2.2rem;
  }
  
  .qupgs_404-sadrzaj p {
    font-size: 1rem;
  }
  
  .qupgs_404-gumb {
    padding: 0.8rem 1.5rem;
    font-size: 1rem;
  }
}