:root{--ink:#16212c;--muted:#61707e;--line:#dde3e9;--brand:#14596f;--dark:#0f3d4d;--wash:#eef5f8;--na-kapi:#8fb9c7;--greska:#9b2c2c}*{box-sizing:border-box}body{color:var(--ink);background:#fff;margin:0;font:17px/1.5 Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif}.kapa{background:var(--dark);color:#fff;padding:14px 16px 12px}.kapa .znak{letter-spacing:-.02em;font-size:24px;font-weight:300;line-height:1.1}.kapa .potpis{letter-spacing:.22em;text-transform:uppercase;color:var(--na-kapi);font-size:10px}main{max-width:34rem;margin:0 auto;padding:20px 16px 48px}.oznaka{color:var(--brand);margin:0 0 4px;font-weight:600}h1{margin:0 0 16px;font-size:1.45rem;line-height:1.25}label{margin:18px 0 6px;font-weight:600;display:block}input[type=email]{width:100%;font:inherit;border:1px solid #b8c4ce;border-radius:6px;padding:12px}input[type=email]:focus{outline:2px solid var(--brand);outline-offset:1px}label.kvacica{align-items:center;gap:10px;font-weight:400;display:flex}label.kvacica input{width:22px;height:22px;margin:0}button{width:100%;font:inherit;color:#fff;background:var(--brand);cursor:pointer;border:0;border-radius:6px;margin-top:20px;padding:14px;font-weight:600}button:hover{background:var(--dark)}.okvir{background:var(--wash);border-left:3px solid var(--brand);margin:0 0 16px;padding:12px 14px}.okvir.greska{border-left-color:var(--greska)}.sitno{color:var(--muted);margin-top:20px;font-size:.88rem}a{color:var(--brand);overflow-wrap:anywhere}