:root { --zelena: #6aa81f; --zelena-tamna: #1f4d2c; --pozadina: #eef6e4; --kartica: #fff; --tekst: #1d2b1f; --blijedo: #5c6d5f; --linija: #d6e2c8; --crvena: #b3261e; }
@media (prefers-color-scheme: dark) { :root { --pozadina: #16231a; --kartica: #1e2f23; --tekst: #e9f2e4; --blijedo: #a8bba9; --linija: #34493a; --zelena-tamna: #b5e07a; --crvena: #ff8a80; } }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 Inter, system-ui, -apple-system, Segoe UI, sans-serif; background: var(--pozadina); color: var(--tekst); }
.zaglavlje { background: #1f4d2c; padding: .7rem 1rem; }
.zaglavlje img { height: 48px; display: block; margin: 0 auto; max-width: 100%; }
.sadrzaj { max-width: 720px; margin: 1.2rem auto; padding: 0 16px; }
.kartica { background: var(--kartica); border-radius: 16px; padding: 1.4rem 1.2rem; box-shadow: 0 2px 10px rgba(0,0,0,.07); }
h1 { margin: 0 0 .3rem; font-size: 1.6rem; color: var(--zelena-tamna); }
.uvod { color: var(--blijedo); margin-top: 0; }
fieldset { border: 0; padding: 0; margin: 1.2rem 0; }
legend { font-weight: 700; font-size: 1.05rem; margin-bottom: .5rem; color: var(--zelena-tamna); }
legend small { font-weight: 400; color: var(--blijedo); }
label { display: block; font-size: .9rem; font-weight: 600; margin-bottom: .7rem; }
input:not([type=radio]):not([type=checkbox]), select { display: block; width: 100%; margin-top: .25rem; padding: .65rem .75rem; font: inherit; color: var(--tekst); background: var(--kartica); border: 1.5px solid var(--linija); border-radius: 10px; }
input:focus, select:focus { outline: 3px solid color-mix(in srgb, var(--zelena) 45%, transparent); border-color: var(--zelena); }
.red { display: grid; grid-template-columns: 1fr 1fr; gap: 0 .9rem; }
@media (max-width: 560px) { .red { grid-template-columns: 1fr; } }
.izbor { display: flex; gap: 1.2rem; flex-wrap: wrap; margin-bottom: .6rem; }
.radio, .potvrda { display: flex; gap: .55rem; align-items: flex-start; font-weight: 500; }
.radio input, .potvrda input { margin-top: .3rem; width: 1.1rem; height: 1.1rem; accent-color: var(--zelena); }
.potvrda span { font-size: .88rem; color: var(--blijedo); }
.dijete { display: grid; grid-template-columns: 2fr 1fr; gap: 0 .9rem; }
@media (max-width: 560px) { .dijete { grid-template-columns: 1fr; } }
.veza { background: none; border: 0; color: var(--zelena-tamna); font-weight: 600; text-decoration: underline; padding: .3rem 0; cursor: pointer; font: inherit; }
.dugme { width: 100%; padding: .85rem 1rem; border: 0; border-radius: 12px; background: var(--zelena); color: #fff; font: inherit; font-weight: 700; font-size: 1.05rem; cursor: pointer; margin-top: .6rem; }
.dugme:disabled { opacity: .6; cursor: wait; }
.greska { color: var(--crvena); font-weight: 600; margin: .6rem 0 0; }
.skriveno { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.podnozje { text-align: center; color: var(--blijedo); font-size: .82rem; padding: 1rem 16px 2rem; }
.podnozje a { color: inherit; }
[hidden] { display: none !important; }