* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 50% 30%, #13305A 0%, #05101F 65%);
  color: #fff; font-family: "Segoe UI", Roboto, Arial, sans-serif; padding: 24px;
}
.kartica {
  max-width: 520px; width: 100%; background: #0D1B2E; border: 1px solid #1E3A5F;
  border-radius: 20px; padding: 36px 28px; text-align: center;
}
.kartica.dugacka { max-width: 760px; text-align: left; }
.logo { width: 110px; height: 110px; filter: drop-shadow(0 0 24px rgba(0, 212, 255, .35)); }
.logo.velik { width: 160px; height: 160px; }
h1 { margin: 16px 0 8px; font-size: 28px; }
h2 { margin: 28px 0 8px; font-size: 18px; color: #00D4FF; }
p, li { color: #8BA7C7; line-height: 1.6; }
.akcent { color: #00D4FF; }
.sitno { font-size: 13px; color: #4A6585; }
a { color: #00D4FF; }
.dugme {
  display: inline-block; margin-top: 12px; background: #00D4FF; color: #05101F; text-decoration: none;
  font-weight: 700; padding: 14px 32px; border-radius: 12px;
}