/* Male stranice (potvrda emaila, nova lozinka, privatnost) — isti izgled kao glavna stranica. */
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: #05101F linear-gradient(180deg, #081627 0%, #05101F 70%);
  color: #F4F8FC; font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif; padding: 24px;
  -webkit-font-smoothing: antialiased;
}
.kartica {
  max-width: 520px; width: 100%; background: #0B1A2C; border: 1px solid #1A3250;
  border-radius: 10px; padding: 40px 32px; text-align: center;
  animation: pojavi .7s cubic-bezier(.22, .8, .24, 1) both;
}
@keyframes pojavi { from { opacity: 0; transform: translateY(14px); } }
.kartica.dugacka { max-width: 760px; text-align: left; }
.logo { width: 96px; height: 96px; }
.logo.velik { width: 140px; height: 140px; }
h1 { margin: 18px 0 8px; font-size: 26px; font-weight: 700; letter-spacing: -.2px; }
h2 { margin: 30px 0 8px; font-size: 13px; color: #00D4FF; text-transform: uppercase; letter-spacing: 1.5px; }
p, li { color: #9DB4CE; line-height: 1.65; }
.akcent { color: #00D4FF; }
.sitno { font-size: 13px; color: #5E7A99; }
a { color: #00D4FF; }
.dugme {
  display: inline-block; margin-top: 14px; background: #00D4FF; color: #05101F; text-decoration: none;
  font-weight: 600; padding: 14px 28px; border-radius: 10px; transition: background .25s, transform .3s;
}
.dugme:hover { background: #4FE2FF; transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) { .kartica { animation: none; } }
